[Myfaces Wiki] Update of "SettingTabClasses" by PaulSpencer

[Apache Wiki <wi...@apache.org>]

Dear Wiki user,

You have subscribed to a wiki page or wiki category on "Myfaces Wiki" for change notification.

The following page has been changed by PaulSpencer:
http://wiki.apache.org/myfaces/SettingTabClasses

New page:
Setting the classes for tabs is pretty straight forwarded.  Just use the appropriate attributes in `<t:panelTabbedPane>`.  Currently this does not entirely work for the tab's title.

== Example that bolds the Active Tabs title ==
As an example, to bold the font on the active tab's title and set the background to white requires additional configuration.  Two solution are presented below. One that uses a named CSS class and another that uses [http://myfaces.apache.org/ MyFaces] default CSS class for the Active Tab's Header.  In both cases their is a style sheet rule that contains `input` in the CSS selector for the CSS class.  The properties in the associated declaration are applied the tab's title.

=== Using a named CSS Class ===
Tag to display a tabbed pane using the CSS class `activeTabHeader`
{{{
  <t:panelTabbedPane activeTabStyleClass="activeTabHeader">
  ...
  </t:panelTabbedPane>
}}}

Required stylesheet entries
{{{
  .activeTabHeader { background-color: white;}
  .activeTabHeader input { font-weight: bold;}
}}}
=== Using a the current default CSS Class ===
Tag to display a tabbed pane using the default CSS class
{{{
  <t:panelTabbedPane>
  ...
  </t:panelTabbedPane>
}}}

Required stylesheet entries
{{{
  .myFaces_panelTabbedPane_activeHeaderCell { background-color: white;}
  .myFaces_panelTabbedPane_activeHeaderCell input { font-weight: bold;}
}}}