[英]How can I push the primefaces DefaultMenuModel before an accordion panel?
我在手風琴面板的選項卡中有一個DefaultMenuModel。
現在,菜單位於acccordion面板的選項卡的后面,我想更改菜單的z索引,它將位於選項卡的前面。
看起來像:
我嘗試了以下方法:
<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui" template="/templates/template.xhtml">
<ui:define name="window_title"/>
<ui:define name="content">
<h:form id="exportForm" style="height:100%">
<p:growl id="growl" showDetail="true" />
<p:accordionPanel id="memberPanel" multiple="true" activeIndex="1" styleClass="test1">
<p:tab title="#{messages['member_filter']}">
<table>
<tr valign="top">
<td>#{messages['export_filter']} <br></br>
<p:tieredMenu styleClass="test2" id="type" model="#{dynamicFilterMenuExport.menu}" />
</td>
<td><p:spacer width="10" /></td>
<td>#{messages['export_filter_select']}<br></br>
<br></br> <!-- more Code-->
</tr>
</table>
</p:tab>
<p:tab title="#{messages['menu_Members']}" >
<!-- datatable etc. -->
</p:tab>
</p:accordionPanel>
</h:form>
</ui:define>
</ui:composition>
我的CSS看起來像:
.test1 {
position: relative;
z-index: 1000 !important;
}
.test2 {
position: relative;
z-index: 2000 !important;
overflow:visible !important;
}
有誰知道我該如何解決?
經過數小時的搜索,我發現答案是調整CSS。 現在,它可以完美地與以下代碼配合使用:
.ui-accordion-content {
overflow:visible !important;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.