Primefaces选项卡标题样式

有人可以帮我隐藏标签标题与CSS？我正在使用primefaces控件，并且页面上有一个常规tabview。并且在一般tabview的每个选项卡上有一个tabview（功能区）。我需要隐藏子选项卡视图的所有选项卡标题，但显示常规选项卡标签的选项卡标题。Primefaces选项卡标题样式

我已经尝试使用

.ui-tabs.ui-tabs-top > .ui-tabs-nav { 
    display: none!important; 
}

，使其但是这个代码隐藏所有的标题。

我的代码：一般TabView的的

<ui:composition template="./../WEB-INF/pagesTemplate.xhtml"> 
     <ui:define name="content"> 
      <h:form id="centralTable"> 
       <p:tabView id="tabview" 
          value="#{tabView.tabList}" 
          widgetVar="wtabview" 
          style="height: 100%" 
          dynamic="true"> 
        <p:ajax event="tabChange" listener="#{tabView.onTabChange}"/> 
        <c:forEach items="#{tabView.tabList}" var="pageUrl"> 
         <p:tab title= "#{msg[tabView.getCommonTitleByPage(pageUrl)]}"> 
          <ui:include src="#{pageUrl}" /> 
         </p:tab> 
        </c:forEach> 
       </p:tabView> 
      </h:form> 
     </ui:define> 
    </ui:composition>

标签的实例：

<p:tab title="#{msg['header.Main.Model']}"> 
     <p:ribbon id="ribbonPannelModel"> 
      <p:tab title="Model" id="tabModel" > 
       <p:ribbonGroup label="#{msg['header.Common.Editing']}" id="rgModelEdit"> 
        ... 
       </p:ribbonGroup> 
      </p:tab> 
     </p:ribbon> 

     <p:dataTable id="dtModel" widgetVar="wdtModel"> 
      ... 
     </p:dataTable> 
</p:tab>

我需要隐藏<p:tab title="Model" id="tabModel" > - 这头

来源

2015-04-07 Alice

必须使用一个id为选项卡，你瞄准，然后将其应用到它的样式

#myTabId .ui-tabs.ui-tabs-top > .ui-tabs-nav { display: none!important; }

我不知道有关#myTabId和的.ui-标签之间的空间尝试使用，并删除它，然后查看结果

来源

2015-04-07 08:15:51 jMounir

我很抱歉，但它不工作。我试图设置你说的风格，并为子tabviewId和tabId（显示：无！重要;）但头仍然可见。然后我试图用css隐藏所有头文件并为普通tabview（display：block！important;）设置样式，但所有头文件都变得不可见 – Alice

我已经更改了我的qustion并添加了我的html代码以显示元素 – Alice

In我对primefaces的使用经验，最好的方法是尝试使用浏览器（firefox或chrome）检查元素，然后将显示属性应用于检查的元素，然后您可以看到实时结果 – jMounir

Primefaces选项卡标题样式

回答

相关问题