I have setup a template structure which includes my company's style sheet reference in the h:head tag. However, this seems to cause some style elements of the Primefaces UI components to not be rendered properly. Specifically, I have a wizard that works fine, but the tabs are being shown as a standard vertical bullet list and not has horizontal tabs.
Within my <h:head> I have the following required reference for the company style:
Code: Select all
<link href="//1.w3.s81c.com/common/v17/css/w3.css" rel="stylesheet" title="w3" type="text/css" />
I have seen some documentation on using facets with "first", "middle", "last" - this has not solved anything for me. Also, I have tried to copy the primefaces style within a <style> tag (also within <h:head>) using the "!important" notation to force an override of existing style like so:
Code: Select all
.ui-tabs .ui-tabs-nav li{
list-style:none !important;
float:left !important;
position:relative !important;
margin:0 .2em 1px 0 !important;
padding:0 !important;
white-space:nowrap !important;
}
I am certainly no CSS guru. Any help would be appreciated!