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選項卡標題樣式

回答

相關問題