p：tabMenuを使用しているときにタブが横に縦に表示されますか？

Question

私はメニュー項目を表示するにはp:tabMenuですが、それらはすべて水平に並べられていますが、現在はクライアントが垂直方向に要求しています。 p:tabMenuを使用しているときに横に縦にタブを表示するにはどうすればよいですか？

Answer 1

.ui-tabs-vertical { width: 55em; } 
    .ui-tabs-vertical .ui-tabmenu-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; } 
    .ui-tabs-vertical .ui-tabmenu-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; } 
    .ui-tabs-vertical .ui-tabmenu-nav li a { display:block; } 
    .ui-tabs-vertical .ui-tabmenu-nav li.ui-state-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; } 
    .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}