I would like to have some functions triggerd with the items in Menu and topbar. For example here:
Code: Select all
<a class="layout-profile-button" href="#">
<span class="profile-image-icons">
<p:graphicImage name="images/menu/avatar.png" library="pandora-layout" />
<span class="icons">
<i class="fa fa-fw fa-comment"><span></span></i>
<i class="fa fa-fw fa-bell-o"></i>
<i class="fa fa-fw fa-sign-out"></i>
</span>
</span>
<span class="profile-info-button">
<span class="layout-profile-userinfo">
<span class="layout-profile-name">Amelia Cabal</span>
<span class="layout-profile-role">Normal Employee</span>
</span>
<i class="layout-profile-icon fa fa-angle-down"></i>
</span>
</a>
<ul class="layout-profile-menu">
<li class="info">
<div class="profile-info">
<div class="layout-profile-userinfo">
<span class="layout-profile-name">Amelia Cabal</span>
<span class="layout-profile-role">Normal Employee</span>
</div>
<div class="icons">
<i class="fa fa-fw fa-comment"></i>
<i class="fa fa-fw fa-bell-o"></i>
<i class="fa fa-fw fa-sign-out"></i>
</div>
</div>
</li>
.......
2) Let's assume I would like to really logout instead of just havin a nice icon and I change the code to something like that:
Code: Select all
<span class="icons">
<i class="fa fa-fw fa-comment"><span></span></i>
<i class="fa fa-fw fa-bell-o"></i>
<p:commandLink action="somebean.logout()" ajax="false" ><i class="fa fa-fw fa-sign-out" /></p:commandLink>
</span>
b) the dropdown script for the user menu doesn't work anymore
Same goes for the topbar:
If I use any of the menu items for a p:commandLink which should be in a h:form (or if I just put the whole topbar in a form) everything breaks. This is between nothig gets displayed, if I put a form around everything, to an item that is not displayed anymore if I use it as commandLink with a form.
How can use Pandora to work with JSF widgets and not only JavaScript and <a href=".... ?
best
Thomas