Page 2 of 2

Re: Tabview - Style for specific Tab

Posted: 28 Feb 2011, 10:56
by bitec
Here is the workaround for 2.2.1:

Code: Select all

<script>
				jQuery(function() {				
						jQuery('a[href="#polisForm:calculatorTab"]:parent').addClass('calculatorTab');      
						jQuery('a[href="#polisForm:contractTab"]:parent').addClass('contractTab');      
				});
                </script>
I use the client tabs, not ajaxian, for ajaxian ones think the refresh of jquery scripts on each ajax request is necessary

Re: Tabview - Style for specific Tab

Posted: 28 Feb 2011, 12:10
by cagatay.civici
This should be much easier :)

jQuery UI tabview, does not support styling a specific tab easily but we can add this feature by extending it as we do most of the time when we integrate with a third party widget.

We'll work on it to do specific tab styling using style/styleClass attributes of a tab.

See;

http://code.google.com/p/primefaces/iss ... ail?id=892

Re: Tabview - Style for specific Tab

Posted: 02 Jun 2011, 15:27
by cagatay.civici
Tab component has titleStyle and titleStyleClass options now.

Re: Tabview - Style for specific Tab

Posted: 18 Jun 2015, 23:34
by kgenovese
Was this ever implemented? I am unable to style unique tabs in tabView. I have tried both style and styleClass applied to <p:tab> but this still has no effect on generated html.

Thanks in advance for any insight.

Kris

Re: Tabview - Style for specific Tab

Posted: 19 Jun 2015, 12:26
by kukeltje
PrimeFaces 2.2.1 is not supported anymore. And for newer versions, check the documentation first. Is it in there? And please create a new topic

Re: Tabview - Style for specific Tab

Posted: 19 Jun 2015, 15:54
by kgenovese