gwtbootstrap3 Popover плохое выравнивание и размер шрифта

Question

У меня есть следующая проблема, когда я использую gwtbootstrap3 Popover поверх флажка, он не выравнивается правильно с флажком, но указывает на поле в несколько пикселей над флажком.

выглядит так:

поповер код в виде Группа:

 <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, которая это делает.

Answer 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/> будет помещен на этикетке, а не ввода.

Надеется, что это помогает :)