0

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

看起来像这样： 在此处输入图像描述

表单组中的弹出框代码：

       <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 文本的字体大小。我不能用 CSS 来做到这一点，因为 Popover 似乎不允许使用 addStyleNames （css 函数），而且我找不到可以做到这一点的 gwtbootstrap 函数。

4

1 回答 1

1

我希望现在还不算太晚，但这不是 gwtbootstrap3 Popover 错误，这是您的代码错误:)

您使用一个<b:InlineCheckBox/>但InlineCheckBox是一个包含复选框和文本的小部件，因此您必须将它与text=""属性一起使用。在您的情况下，我认为您只想使用一个复选框（没有文本），因此您需要替换您<b:InlineCheckBox/>的 by<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/>将放置在标签上，而不是输入。

希望能帮助到你 ：）

于 2016-02-05T14:37:23.890 回答