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

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 在我的主题资源中，具有以下控制块：

<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>