Как я могу адаптировать пример Вертикального меню Wikibooks для Orbeon Forms? - PullRequest
Новая
       9

Как я могу адаптировать пример Вертикального меню Wikibooks для Orbeon Forms?

1 голос
/ 08 декабря 2011

Я ищу помощь в реализации вертикального меню с помощью Orbeon.Вот пример того, что я ищу: http://en.wikibooks.org/wiki/XForms/Vertical_Menu.

Есть какие-нибудь указания о том, как это осуществить?Вот что у меня есть: 

   <fr:button>
     <xforms:label ref="$form-resources/section-1/label"/>
     <xforms:toggle case="case-1" ev:event="DOMActivate" />
   </fr:button>
   <fr:button>
     <xforms:label ref="$form-resources/section-2/label"/>
     <xforms:toggle case="case-2" ev:event="DOMActivate" />
   </fr:button>
   <xforms:switch>
     <xforms:case id="case-1" selected="true()">
              ...

Это близко, но кнопки не остаются подсвеченными, когда пользователь нажимает по экрану.В идеале кнопка должна оставаться выделенной, если не будет нажата другая кнопка.

Обновление: Меня больше интересует визуализация (вертикальное меню кнопок для выбора отображаемого раздела формы с кнопкойдля раздела, который может быть переключен или нажат во время отображения раздела).

1 Ответ

1 голос
/ 08 декабря 2011

Пример, на который вы указываете, - использование псевдокласса target для выделения текущей вкладки с помощью CSS. В IE только версия 9 поддерживает целевой псевдокласс , что ограничивает практичность этой техники.

Тем не менее, если вам это нравится, вы можете сделать то же самое с Orbeon Forms. В примере, на который вы указываете, цель изменяется с <a href="#tab1">. В вашем коде с использованием Orbeon Forms вы можете использовать <xforms:load>, например: 

<fr:button>
    <xforms:label>Select Items</xforms:label>
    <xforms:action ev:event="DOMActivate">
        <xforms:toggle case="case-2"/>
        <xforms:load resource="#tab1"/>
    </xforms:action>
</fr:button>
...