使用p:tabMenu时,使标签在侧面垂直显示?

时间:2016-07-12 08:07:28

标签: primefaces

for view in _searchBar.subviews.last!.subviews { if view.isKindOfClass(NSClassFromString("UISearchBarBackground")!) { view.removeFromSuperview() } } 显示菜单项,但它们都是水平排序的,但现在客户要求垂直。使用p:tabMenu时如何使标签垂直显示在侧面?

1 个答案:

答案 0 :(得分:0)

.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;}