私はjsf 2でprimefaces 3.5を使用しています。私のページにはカスタムメニューがあり、CSSスタイルシートです。
LogOut へのボタンだけを作成しましたが、ボタン スタイルをクラッシュさせずにログアウト Bean を正しく配置する方法がわかりません。
ビーンは:
#{loginBean.doLogout}
HTML ページ コード :
<body >
<ui:composition template="/Templates/MasterTemplate.xhtml">
<ui:define name="content">
<div class="inside">
<div class="trans">
<div class="fix">
<a class="logo" href=""></a>
<div class="show">
<ul class="menu">
<li > <a href="">اتصل بنا</a></li>
<li > <a href="">LogOut button</a></li> <<<***** here i want to put the tage *******
<li > <a href="">التقارير</a>
<ul >
<li><a href="#{request.contextPath}/secured/Report/Student/SpecificStudent.xhtml">تقرير عن طالب محدد</a></li>
<li><a href="#{request.contextPath}/secured/Report/Student/SpecificClass.xhtml">تقرير عن فصل محدد</a></li>
</ul>
</li>
<li > <a href="http://sams-app.com/almnzm2-0/">الرئيسية</a></li>
</ul>
</div>
<div class="both">
</div>
</div>
</div>
</div>
<br />
<br />
<p:meterGaugeChart id="sample" value="#{chartBean.meterGaugeModel}" style="width:400px;height:250px" title="مستوى الحضور أمس لجميع الطلاب" label="نسبة الحضور/الطلاب"/>
<p:meterGaugeChart id="custom" value="#{chartBean.meterGaugeModel}" showTickLabels="true" labelHeightAdjust="110" intervalOuterRadius="130"
seriesColors="66cc66, 93b75f, E7E658, cc6666" style="width:400px;height:250px" title="Custom Options" label="km/h"/>
</ui:define>
</ui:composition>
</body>
</html>
注:私のBeanは以下で正常に動作しています:
<h:commandLink action="#{loginBean.doLogout}" value="Logout"/>
しかし、cssを使用して上記の同じボタンスタイルで作成したいと思います。