(r4) XvwTabs < WebXEO

WebXEO Web>XeoXwc>XvwTabs (revision 4) (raw view)~~EditAttach~~

-- Main.JoaoQuintas - 13 Aug 2010
---+ Tabs

The xvw:tabs component is a container for xvw:tab elements which render a "Tab" element inside a web viewer. Tabs can be used to group information, to create divisions in a form an can be used in creative ways, such as using a set of tabs inside a form as a wizard, or tutorial.

*XML Definition*

A Tab is declared as following:
<pre>&lt;xvw:tabs&gt;</pre> <pre>   &lt;xvw:tab&gt;&lt;/xvw:tab&gt;</pre> <pre><pre>   &lt;xvw:tab&gt;&lt;/xvw:tab&gt;</pre>
</pre> <pre>&lt;/xvw:tabs&gt;</pre>

*Properties*

<strong><br /></strong>
| *Property* | *Description* | *Type* | *Possible Values* | *Default Value* | *Usage* | *Notes* |
| activeTab | Sets the active tab inside the container | String | Any tab identifier | - | optional | If there's a xwv:tab component with id 't1' then the string 't1' should be used to mark the active tab |
| renderTabBar | <p>Determines where the tab bar (where tab labels are rendered) is visible or not</p> | EL/Boolean | True/False | True | optional | |
| layout | Sets the type of layout of the container, can be adjusted to window, to parent and to the form | String | 'fit-parent', 'fit-window', 'form' | fit-parent | | 'fit-parent' and 'fit-window' will fit the size of the tabs container to the entire window, while 'form' will adjust to the form size |
| height | Height of the tabs component | String | | '150px' | | Only works when 'form' is the value for the layout property |

*Possible Child Components:*

Tab (see bellow)

---+ Tab

A Tab is a XVW component that's used to create tabs inside a viewer.

<img alt="Screen_shot_2010-08-17_at_9.58.11_AM.png" src="%ATTACHURL%/Screen_shot_2010-08-17_at_9.58.11_AM.png" />

*XML Definition*

A Tab is declared as following:
<pre>&lt;xvw:tabs&gt;</pre> <pre>   &lt;xvw:tab label="TAB_LABEL_TEXT" visible="EVALUATE_EXPRESSION"&gt;</pre> <pre>   CONTENT</pre> <pre>   &lt;/xvw:tab&gt;</pre> <pre>&lt;/xvw:tabs&gt;</pre>

*Component from which the Tab Extends*

   * None

*Components that Extend Tab*

   * None

*Tab Properties*
| *Property* | *Description* | *Type* | *Possible Value* | *Default Value* | *Usage* | *Example* |
| label | Changes the display name of the tab | String | Any string | - | optional | |
| visible | <p>Evaluates and decides if the tab is shown or not</p> | EL/Boolean | True/False | True | optional | |

*Possible Child Components:*
   * COMPLETE

<strong><br /></strong>

Attachments

Topic attachments
I	Attachment	Action	Size	Date	Who	Comment
png	Screen_shot_2010-08-17_at_9.58.11_AM.png	manage	14.3 K	2010-08-17 - 09:59	JoaoQuintas	Tabs

Topic revision: r4 - 2010-09-13 - PedroRio

No permission to view TWiki.WebTopBar

No permission to view TWiki.WebBottomBar