2016-01-18 80 views
0

我遇到以下問題,當我在複選框頂部使用gwtbootstrap3彈出式對象時,它與複選框沒有正確對齊,但指向複選框上的幾個像素的邊距。gwtbootstrap3彈出式對齊和字體大小不對

是這樣的: enter image description here

的酥料餅的代碼的形式組:

 <b:FormGroup> 

      <b:FormLabel addStyleNames="col-md-4 no-top-padding"> 
       <ui:msg description="Caption checkbox: enable online meetings">Enable Online Meetings</ui:msg>      
      </b:FormLabel> 


      <g:FlowPanel addStyleNames="col-sm-1"> 
       <b:Popover ui:field="onlineMeetingsPopover" container ="body" isHtml="true" 
        content="{settingsMsgs.onlineMeetingsInfo}" 
        title="Enable Online Meetings" placement="RIGHT"> 

        <b:InlineCheckBox ui:field="onlineMeetingsCheckbox" value="false" 
         addStyleNames="new-checkbox-float new-checkbox-margin no-top-padding"/> 

       </b:Popover> 
      </g:FlowPanel> 

     </b:FormGroup> 

而且任何人都可以幫助我改變酥料餅的文本的字體大小。我不能用CSS來做,因爲Popover似乎不允許使用addStyleNames(css函數),我找不到可以做到的gwtbootstrap函數。

+0

確保您沒有繼承默認的GWT主題之一,因爲它們可能會覆蓋一些填充/邊距。 –

回答

1

我希望這不是爲時已晚,但是這不是一個gwtbootstrap3酥料餅的錯誤,這是你的代碼,這是錯誤的:)

您使用<b:InlineCheckBox/>InlineCheckBox是包含一個複選框和文本控件,所以您必須將其與text=""屬性一起使用。 在你的情況下,我想你只想使用一個複選框(沒有文本),所以你需要替換你的<b:InlineCheckBox/><b:SimpleCheckBox/>並刪除你的addStyleNames屬性。

像這樣:

<b:FormGroup> 

     <b:FormLabel addStyleNames="col-md-4 no-top-padding"> 
      <ui:msg description="Caption checkbox: enable online meetings">Enable Online Meetings</ui:msg>      
     </b:FormLabel> 


     <g:FlowPanel addStyleNames="col-sm-1"> 
      <b:Popover ui:field="onlineMeetingsPopover" container ="body" isHtml="true" 
       content="{settingsMsgs.onlineMeetingsInfo}" 
       title="Enable Online Meetings" placement="RIGHT"> 

       <b:SimpleCheckBox ui:field="onlineMeetingsCheckbox" value="false" /> 

      </b:Popover> 
     </g:FlowPanel> 

    </b:FormGroup> 

PS:<b:InlineCheckBox/>的酥料餅將被放置在標籤,而不是輸入。

希望它有幫助:)

+0

我在將InlineCheckBox更改爲SimpleCheckBox時遇到了一些奇怪的GWT錯誤。我是否需要在XML文件中導入任何內容?我已經刪除了addStyleNames。 –

+0

不,不需要更多的導入來使用'SimpleCheckBox',你的錯誤是什麼? – Yoplaboom