Basic Content Full Content in ajax mode
Plain view (html) Plain view (pdf)

<?xml version="1.0" ?> <tabbar> <row> # first line of tabs <tab id="tab1">Tab 1</tab> #tabs <tab id="tab2">Tab 2</tab> <tab id="tab3">Tab 3</tab> </row> </tabbar> <?xml version="1.0" ?> <tabbar> <row> <tab id="tab4" href="http://dhtmlx.com">Tab 4</tab> #content for tabbar in href based mode <tab id="tab5">Tab 2-1 <content><![CDATA[ #static content content of tab ]]></content>> </tab> <tab id="tab5">Tab 3-1 <content id="html_id"></content> #linking existing html content </tab> </row> </tabbar> <?xml version="1.0" encoding="iso-8859-1"?> <tabbar margin="10" align="right" offset="20" hrefmode="ajax-xml" tabstyle="silver" skinColors="red,green"> <row> # first line of tabs <tab id="tab1">Tab 1</tab> <tab id="tab2" width="100">Tab 2</tab> #specifing width of label <tab id="tab3" selected="true">Tab 3</tab> #selected tab <tab id="tab4" href="http://dhtmlx.com">Tab 4</tab> <tab id="tab5" ><![CDATA[ Tab <strong>5</strong> ]]></tab> </row> <row> # there can be few lines of tabs <tab id="tab5" >Tab 2-1 <content><![CDATA[ content of tab ]]></content>> </tab> </row> <row> <tab id="tab5">Tab 3-1 <content id="html_id"></content> </tab> </row> </tabbar> </rows> <?xml version="1.0" ?> <content tab="id"> # response, for "ajax" loading mode only ... any data here ... </content>
tag represent tab inside tabbar

#### Mandatory attributes

- id - identificator of tab

#### Optional attributes

- width - widht of tab label
- selected - auto-selected on load
- href - url for dynamic content
identificator of tab
must be unique per tabbar
can contain any combination of chars | numbers
widht of tab label
can be set to any positive integer value
size auto detection can be forced by using * as value
if attribute present - tab will be selected after data loading
only one selected tab per tabbar allowed
in case of dynamical loading mode (ajax, iframe, etc )
contains url to page which need to be loaded
optional tag, can be used to set content of tab directly in HTML
if such tag exists, its content will be used as value of the tab
if tag has "id" attribute, component will look for HTML container with same ID and use it as tab content
if tag has "id" attribute, component will look for HTML container with same ID and use it as tab content
basically it equals to tabbar.setTabContent(xml.tab.content.id)
when loading data in "ajax" mode, loaded data also presented as XML, with top content tag
tab attribute contains ID of tab for which data loaded
in most cases, using of "ajax-html" mode, where results may be returned as is, more easy way
tag represent row of tabs inside tabbar
there are may be many row tags
just top xml tag, has no special meaning

#### Optional attributes

- margin - tabbar margin
- align - tabbar align
- offset - tabbar offset
- skinColors - colors of tabs
- hrefmode - mode of content loading
- tabstyle - used skin
attribute set the space between tabs
can be positive or negative integer
if skipped - default skin's value used
attribute set align of tab inside row
can be "right" or "left" for horizontal tabbar
"top" or "bottom" for vertical tabbar
attribute set the space between border of tabbar and first tab in it
can be positive or negative integer
if skipped - default skin's value used
set dynamic tabbar mode
can be :
- ajax
- ajax-html
- iframe
- iframes
- iframes-on-demand
tabbar use static content loading by default
attribute set used skin can be :
- silver
- modern
- winDflt
- winScarf
- winBiScarf
allows to set colors of tab elements in current skin
supported only by winDflt skin