Question

我遇到以下问题，当我在复选框顶部使用gwtbootstrap3 Popover时，它与复选框没有正确对齐，但指向复选框上几个像素的边距。

看起来像这样：

形式组中的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>

此外，任何人都可以帮助我更改Popover文本的字体大小。由于Popover似乎不允许使用addStyleNames（css函数）而无法使用CSS，因此无法使用CSS。我无法找到执行它的gwtbootstrap函数。

Answer 1

我希望现在还不算太晚，但这不是一个gwtbootstrap3 Popover错误，这是你的代码错了：）

您使用的是<b:InlineCheckBox/>，但 InlineCheckBox 是一个包含复选框AND文本的小部件，因此您必须将其与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/>中的弹出窗口将放在标签上，而不是输入。

希望有所帮助：）

gwtbootstrap3 Popover错误的对齐和字体大小

1 个答案: