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" >
- 这头
答
必须使用一个id为选项卡,你瞄准,然后将其应用到它的样式
#myTabId .ui-tabs.ui-tabs-top > .ui-tabs-nav { display: none!important; }
我不知道有关#myTabId和的.ui-标签之间的空间尝试使用,并删除它,然后查看结果
我很抱歉,但它不工作。我试图设置你说的风格,并为子tabviewId和tabId(显示:无!重要;)但头仍然可见。然后我试图用css隐藏所有头文件并为普通tabview(display:block!important;)设置样式,但所有头文件都变得不可见 – Alice
我已经更改了我的qustion并添加了我的html代码以显示元素 – Alice
In我对primefaces的使用经验,最好的方法是尝试使用浏览器(firefox或chrome)检查元素,然后将显示属性应用于检查的元素,然后您可以看到实时结果 – jMounir