I'm trying to create an accordion panel and define its inner tab height. I was able to define it changing the .ui-accordion-content style class. I added in my code the following style at the head section:
Code: Select all
<h:outputStylesheet>
.ui-accordion-content{
height: 265px !important;
}
</h:outputStylesheet>
Here is the hole code:
Code: Select all
<h:head>
<title>Test Prime</title>
<h:outputStylesheet>
.ui-accordion-content{
height: 265px !important;
}
</h:outputStylesheet>
</h:head>
<body>
<h:form>
<p:accordionPanel>
<p:tab title="teste1">
egflijsdflgids<br/>
sdgfsdfgsdf<br/>
gsdgfsdfg<br/>
sdgf<br/>
</p:tab>
<p:tab title="teste1">
egflijsdflgids<br/>
sdgfsdfgsdf<br/>
gsdgfsdfg<br/>
sdgf<br/>
</p:tab>
<p:tab title="teste1">
egflijsdflgids<br/>
sdgfsdfgsdf<br/>
gsdgfsdfg<br/>
sdgf<br/>
</p:tab>
</p:accordionPanel>
</h:form>
</body>
So, what should I do to modify the tab height without losing the smoothness of the component behavior?
Thanks in advance,