프라임의 서브 메뉴의 길이를 자동으로 조정하는 방법

Question

<p:tieredMenu model="#{ServerGroupMgmtBean.model}" id="serverGroupMenu"/>으로 동적 메뉴를 만듭니다. 하위 메뉴에 많은 메뉴 항목이있는 경우 일부 메뉴는 한 행에 표시 될 수 없습니다. 이 문제를 해결할 수있는 해결책이 있습니까?

Answer 1

당신은 (.xhtml, ...) 당신의 faceslet 파일이 조각 코드를 추가, 당신은 브라우저의 Inspect element 기능에 의해 구성 요소의 스타일 클래스를 얻을 수 있습니다, 직접 스타일의 CSS를 사용하여 항목의 폭을 변경할 수 있습니다

<style type="text/css"> 
    .ui-menu.ui-menu-parent.ui-menu-child{ 
    width: 120 % !important; // or anything you want 
    } 
</style>