ace:tabSet tab change behavior

Thursday, July 10, 2014

I am using ace:tabset like this:



<ui:composition xmlns="http://ift.tt/lH0Osb"
xmlns:h="http://ift.tt/HjFrZb"
xmlns:f="http://ift.tt/HcrI1S"
xmlns:c="http://ift.tt/QfKAz6"
xmlns:icecore="http://ift.tt/1k9nn20"
xmlns:ace="http://ift.tt/1eGI5n1"
xmlns:ice="http://ift.tt/1lkpeSp"
xmlns:ui="http://ift.tt/KsEgXx" >
<div>
<ace:tabSet id="sampleTabSet" clientSide="false">
<ace:tabPane id="toDoList" label="To Do List">
<h:outputText value="TO DO LIST"/>
</ace:tabPane>
<ace:tabPane id="shoppingList" label="Shopping List">
<h:outputText value="Shopping List"/>
</ace:tabPane>
<ace:tabPane id="picOfDay" label="Picture Of The Day">
<h:outputText value="Picture Of The Day"/>
</ace:tabPane>
<ace:tabPane id="calendar" label="Calendar">
<h:outputText value="Calendar"/>
</ace:tabPane>
</ace:tabSet>
</div>


(this is taken from ace component showcase and simplified)


My problem is that when i change tabs i need to do a double click on a tab in order for the tab to change. Single click just deactivates the currently selected tab.


The second problem is that after i select one tab it stays active even after i switch to another tab. So when i click on all four tabs in the end i have all tabs highlighted as selected. How can i solve this?


Thanks







http://ift.tt/1k9nnim