Primefaces 메뉴 바 오른쪽 정렬 하위 메뉴

옵션면 (메뉴 바 오른쪽)에서 명령 단추를 재생할 수 있지만 같은 방법으로 하위 메뉴를 추가 할 수없는 것으로 나타났습니다. 나는 실제 메뉴 드롭 다운을 버튼이 아니라 오른쪽에 맞추고 싶다.Primefaces 메뉴 바 오른쪽 정렬 하위 메뉴

아이디어가 있으십니까?

No menu

<html lang="en" xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:h="http://java.sun.com/jsf/html" 
    xmlns:f="http://java.sun.com/jsf/core" 
    xmlns:p="http://primefaces.org/ui" 
    xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:head title="Primefaces Test"> 
    <style> 
.ui-layout-north { 
    z-index: 20 !important; 
    overflow: visible !important; 
} 

.ui-layout-north .ui-layout-unit-content { 
    overflow: visible !important; 
} 
</style> 
</h:head> 

<h:body> 
    <h:form> 
     <p:layout fullPage="true"> 
     <p:layoutUnit position="north"> 
      <p:menubar> 
       <p:submenu label="Mail"> 
        <p:menuitem value="Gmail" url="http://www.google.com" /> 
        <p:menuitem value="Hotmail" url="http://www.hotmail.com" /> 
        <p:menuitem value="Yahoo Mail" url="http://mail.yahoo.com" /> 
       </p:submenu> 
       <p:submenu label="Videos"> 
        <p:menuitem value="Youtube" url="http://www.youtube.com" /> 
        <p:menuitem value="Break" url="http://www.break.com" /> 
       </p:submenu> 
       <f:facet name="options"> 
        <p:commandButton value="logout" /> 
        <p:submenu label="Videos"> 
        <p:menuitem value="Youtube" url="http://www.youtube.com" /> 
        <p:menuitem value="Break" url="http://www.break.com" /> 
        </p:submenu> 
       </f:facet> 
      </p:menubar> 
     </p:layoutUnit> 
     <p:layoutUnit position="center"> 
      <h:outputText value="Hello, world." /> 
     </p:layoutUnit> 
     </p:layout> 
    </h:form> 
</h:body> 
</html>

- 셰인

출처

2014-07-09 Shane

난 그냥 대신에, 나는이 도움이 되었으면 좋겠 전체 "옵션"면 및 사용 CSS 플로트를 잊고 결국

사람 :

<h:body> 
    <h:form> 
     <p:layout fullPage="true"> 
     <p:layoutUnit position="north"> 
      <p:menubar> 
       <p:submenu label="Mail"> 
        <p:menuitem value="Gmail" url="http://www.google.com" /> 
        <p:menuitem value="Hotmail" url="http://www.hotmail.com" /> 
        <p:menuitem value="Yahoo Mail" url="http://mail.yahoo.com" /> 
       </p:submenu> 
       <p:submenu label="Videos"> 
        <p:menuitem value="Youtube" url="http://www.youtube.com" /> 
        <p:menuitem value="Break" url="http://www.break.com" /> 
       </p:submenu> 
       <p:submenu label="Videos2" style="float:right"> 
        <p:menuitem value="Youtube" url="http://www.youtube.com" /> 
        <p:menuitem value="Break" url="http://www.break.com" /> 
       </p:submenu> 
      </p:menubar> 
     </p:layoutUnit> 
     <p:layoutUnit position="center"> 
      <h:outputText value="Hello, world." /> 
     </p:layoutUnit> 
     </p:layout> 
    </h:form> 
</h:body>

enter image description here

- 쉐인

출처

2014-07-09 02:50:13 Shane

중첩 된 하위 메뉴가 필요할 때까지 훌륭하게 작동합니다. 중첩 된 하위 메뉴에는 화면이 표시됩니다. – jwesley

다음과 같이 이것을 사용하여 해결합니다 :

style = "position : absolute; 오른쪽 : 6px; "

그냥 시도하십시오.

출처

2015-01-21 19:39:10

Primefaces 메뉴 바 오른쪽 정렬 하위 메뉴

답변

관련 문제