Индивидуальный триггер Xforms с изображением

Question

Я пытаюсь создать процессор Xforms, и я действительно не понимаю, что делать с триггерами, которые должны отображать текстовый заголовок изображения. Спецификация не предоставляет таких подробностей, но я нашел 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....

Вы должны дать триггеру идентификатор "mytrigger", чтобы это работало.

Еще один вариант, который должен работать для лучшей формы:

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