XPages复选框样式

Question

我想创建一个checkBox，它具有良好的格式。我在图片中看到了这个，但它看起来不太好。创建复选框以显示超过10个值的最佳方式是什么？

https://www.openntf.org/main.nsf/project.xsp?r=project/Multi%20Column%20Controls/screenshots

Answer 1

它只是CSS。

我的猜测是你改变了你的应用程序的其他部分的相关css定义，如this，它们现在就在这个复选框表上生效。

消除您的CSS文件进行测试，看看它是否工作。如果是的话，调整你的CSS定义，以便它适用于这两种情况。

Answer 2

我在我的应用程序中遇到了同样的问题，因为Knut已经提到它是一个css问题。 我的解决方案 在一个主题我加入以下代码样式的所有复选框相同

<!-- Basic CheckBox --> 
    <control> 
     <name>CheckBox</name> 
     <property> 
      <name>styleClass</name> 
      <value>btn-checkbox</value> 
     </property> 
    </control> 

并在CSS我加入的代码

.btn-checkbox label{ 
    margin: 0px 10px 0px 0px; 
    font-weight:normal; 
} 

以下行正如你所看到的问题出现在复选框的标签中。

您可以选择主题路线，以相同方式设置所有复选框的样式，或将其直接添加到复选框styleClass =“btn-checkbox”