按钮在右边的问题

Question

我正试图将commandButton放在面板组件的标题中。听起来只是一个html的问题，我不知道为什么不工作。

<p:panel id="panel" style="margin-bottom:10px;">
    <f:facet name="header" >
        <h:outputLabel value="#{partyBean.currentparty.name}" />
            <p:commandButton id="asktojoin" style="margin-right:10px" action="#{joinRequestBean.askForParty(partyBean.currentparty)}" value="Ask to Join">
            </p:commandButton>
    </f:facet>
    .....

按钮出现在左侧，靠近outputLabel。

Answer 1

<p:panel id="panel" style="margin-bottom:10px;">
    <f:facet name="header">
        <h:outputLabel value="#{partyBean.currentparty.name}"/>
    </f:facet>
    <f:facet name="actions">
        <p:commandButton id="asktojoin" styleClass="ui-panel-titlebar-icon "
                         action="#{joinRequestBean.askForParty(partyBean.currentparty)}" value="Ask to Join"/>
    </f:facet>
    ...
</p:panel>