primefaces菜单栏注销右侧

时间:2012-12-29 06:34:43

标签: jsf primefaces alignment menubar

您好我遵循了此代码,但我的退出按钮不在菜单栏的右侧。

sample from PF

这是我的xhtml页面

<h:body>
    <p:menubar autoDisplay="false">
        <p:menuitem value="Home" url="/index.jsf" />

        <p:submenu label="Maintenance" >
            <p:menuitem value="Course" url="/views/course/list.jsf" />
            <p:menuitem value="Student" url="/index.jsf" />
        </p:submenu>

        <f:facet name="options">
            <p:commandButton type="button" value="Logout" icon="ui-icon-extlink" />
        </f:facet>
    </p:menubar>
</h:body>

5 个答案:

答案 0 :(得分:4)

你应该使用style =&#34; float:right;&#34;在按钮内部或将属性包含在css样式表中。

答案 1 :(得分:1)

我可以使用以下代码

向右注销
<f:facet name="options">
   <p:commandButton type="button" value="Logout" />
</f:facet>

答案 2 :(得分:0)

使用: inputText style =“margin-right:10px”在方面......肯定会有效。

答案 3 :(得分:0)

它只能在primefaces 3.5中更改为primefaces 3.5,它可以在primefaces链接primefaces blog 验证这一点

有关详细信息,请访问primefaces展示页面primefaces showcase menubar sample page 以获取此代码来自该示例页面的示例代码

<f:facet name="options">
<p:inputText style="margin-right:10px"/>
<p:commandButton type="button" value="Logout" icon="ui-icon-extlink" />
</f:facet>

答案 4 :(得分:0)

如果你使用素面5,那么它应该工作。尝试在Web浏览器中浏览您的应用程序,而不是您用来编码的IDE。因为它不像我们在IDE中预期的那样出现,但它在Web浏览器中工作正常。您还可以在标记内使用styleClass。在按钮标记

中插入styleClass =“margin-riight:10px”