Question

我正在处理我的第一个xPages应用程序。我想添加一个漂亮的小图标（来自FamfamFam集合）到我的一些按钮，例如“新”，“保存”，“取消”等我将GIF图像添加为图像资源，并为我想要图标的按钮指定图像。

一切正常，但按钮上的标签（文字）就在图标旁边。我希望它们间隔一些，可能是4-6个像素。我不想在标签上添加空格，我确信有更好的方法，可能以某种方式使用CSS。

任何人都知道这样做的好方法吗？

将OneUI v2.1设置为应用程序的主题，我使用的是Domino Designer 8.5.3和Domino Server 8.5.3。

Answer 1

您可以使用以下自定义CSS在图标右侧添加一些边距：

.lotusBtn img {
  margin-right: 10px;
}

Answer 2

要添加空格，请使用<xp:text themeId="Text.Blank"></xp:text>

Text.Blank在我的Theme资源中，包含以下控件块：

<control override="true">
    <name>Text.Blank</name>
    <property mode="override">
        <name>escape</name>
        <value>#{false}</value>
    </property>
    <property mode="override">
        <name>value</name>
        <value>&amp;nbsp;</value>
    </property>
</control>

如何在按钮上的图标和标签之间获得空间？

2 个答案: