使用 p:tabMenu 时使选项卡垂直显示在侧面？

【问题标题】：Make tabs appear vertically on the side when using p:tabMenu?使用 p:tabMenu 时使选项卡垂直显示在侧面？
【发布时间】：2016-07-12 16:39:27
【问题描述】：

我是p:tabMenu 来显示菜单项，但它们都是水平排列的，但现在客户要求垂直排列。使用p:tabMenu时如何让tab垂直出现在侧面？

【问题讨论】：

你真的看过任何展柜吗？文档？你的问题缺乏很多努力。抱歉，请直接对我投反对票。
对不起，对不起，对不起 tabMenu 而不是 tab...p:tabMenu afaik 没有这个功能。删除了我之前的评论。但请下次添加更多信息。版本信息和您调查的内容，例如计划 tabView 确实有这个。

标签： primefaces

【解决方案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;}

【讨论】：

不错的解决方案。也许在 github issuelist 中添加一个功能请求。但是请在这个答案中添加一点文字。
其实有这个功能请求：github.com/primefaces/primefaces/issues/76