I am currently working with the tab view feature in primefaces and I have encountered a couple of issues.
1) When using Internet Explorer, the tabs are displayed vertically instead of horizontally. However, it works fine in Firefox.
FireFox :
Internet Explorer :
Which CSS class should I override in order to display the tabs in a horizontal view?
2) Another issue I'm facing is that the color of the unselected tab appears differently in Firefox and IE. I have attempted to override the style classes for both the selected and unselected tabs successfully in Firefox, but unfortunately, it does not work in IE :(
Here's a snippet of my code:
<p:tabView value="#{bean.myDTO}" var="category" id = "tabView" styleClass="TabbedPanelsTabGroup" dynamic="true" onTabChange="handleTabChange(index)">
<p:ajax event="tabChange" listener="#{bean.onTabChange}" />
<p:tab id = "tab" title = "#{category.category}" titleStyleClass="TabbedPanelsTab TabbedPanelsTabSelected TabbedPanelsContentGroup">
---------Some content------
</p:tab>
</p:tabview>
Any assistance would be greatly appreciated.