Question

我试图创建一个Xforms处理器，但我真的不明白如何处理需要显示文本图像insthead的触发器。 The specification未提供此类详细信息，但我在此示例中找到了an Open Book：

<xf:trigger appearance="xf:image">
    <img src="XForms-button.jpg" />
    <xf:message level="modal" ev:event="DOMActivate">Image 
    clicked</xf:message>
    <xf:hint>This hint text comes up if you hover over a button.</xf:hint>
</xf:trigger>

但是由于标准没有提及，并且img标签是html-未在xforms中定义，我想知道它是否正确。你觉得怎么样？

Answer 1

最简单的方法是使用CSS背景图像作为触发器或更好地生成按钮。浏览浏览器源代码应该揭示如何匹配您想要的元素。如果你正在使用betterform，因为标签建议你可以编写像这样的规则

#mytrigger .xfValue{
  background-image:url....

您必须为触发器设置id'mytrigger'才能使其正常工作。

另一个适用于BetterFORM的选项：

<xf:trigger id="trigger1" ref="trigger1/value" src="images/bf_logo_67x27.png">
      <xf:label></xf:label>
</xf:trigger>

自定义Xforms触发图像

1 个答案: