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

Я пытаюсь создать процессор Xforms, и я действительно не понимаю, что делать с триггерами, которым нужно отображать изображение вместо текста. Спецификация не содержит такой информации, но я нашел открытая книга с этим примером:

<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, мне интересно, правильно ли это. Что вы думаете?


xforms xforms-betterform
person gal007    schedule 17.10.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Самый простой способ сделать это — использовать фоновое изображение CSS для триггера или, что еще лучше, результирующей кнопки. Просмотр исходного кода браузера должен показать, как сопоставить нужный элемент. Если вы используете лучшую форму, как предполагает тег, вы можете написать правило, подобное этому

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

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

Другой вариант, который должен работать для BetterFORM:

<xf:trigger id="trigger1" ref="trigger1/value" src="images/bf_logo_67x27.png">
      <xf:label></xf:label>
</xf:trigger>
person Joern Turner    schedule 18.10.2014