Simulating Tabbed Panes

• The tabindex attribute is an HTML pass-through attribute indicating tab order for receiving focus.

• The title attribute is an HTML pass-through attribute specifying a description to be displayed in a tooltip, picked up from the backing bean.

• The styleClass attribute is an HTML tag attribute that gets a CSS style class dynamically from the backing bean.
  • Here is the styles file: styles.css

• The action listener for a tab simply sets the index property in the backing bean.

• The index property is used to perform the conditional rendering.