AJAX
ss:ajax:delayedload ss:ajax:event ss:ajax:region
Data
ss:data:calendar ss:data:column ss:data:postrepeater ss:data:productbrandrepeater ss:data:productcategoryrepeater ss:data:productrepeater ss:data:repeater ss:data:table ss:data:template ss:data:tree
Forms
ss:forms:address ss:forms:captcha ss:forms:checkbox ss:forms:checkboxgroup ss:forms:codeeditor ss:forms:combobox ss:forms:datepicker ss:forms:dialogbox ss:forms:editbox ss:forms:fileupload ss:forms:form ss:forms:hidden ss:forms:money ss:forms:officeuseregion ss:forms:option ss:forms:password ss:forms:paymentmethod ss:forms:radiobutton ss:forms:radiobuttongroup ss:forms:row ss:forms:searchbox ss:forms:signature ss:forms:slider ss:forms:spinbox ss:forms:submitbutton ss:forms:submitimage ss:forms:submitlink ss:forms:successcontent ss:forms:textarea ss:forms:timepicker
Layout
ss:layout:gallery ss:layout:productgallery ss:layout:rotator ss:layout:stepper ss:layout:stepperpanel ss:layout:tablist ss:layout:tablistitem
Logic
ss:logic:dependency ss:logic:parse ss:logic:if ss:logic:else ss:logic:include ss:logic:variable
Navigation
ss:navigation:breadcrumbs ss:navigation:item ss:navigation:primary ss:navigation:secondary
Standard
ss:standard:audio ss:standard:embed ss:standard:icon ss:standard:image ss:standard:link ss:standard:script ss:standard:video
Templates
ss:templates:button ss:templates:card ss:templates:column ss:templates:fancybox ss:templates:faq ss:templates:flexlayout ss:templates:header ss:templates:row ss:templates:section ss:templates:teammember ss:templates:testimonial
Regions
ss:regions:content ss:regions:contentadditional ss:regions:security ss:regions:togglable
Third Party
ss:thirdparty:googlemap ss:thirdparty:googlemapmarker
Attributes
Examples

<ss:layout:tablist> </...>

Defines a container for a set of tabs.

Content

At least 1 TabListItem.

Attributes

defaultTabId
string
The tab which is defaultly open upon the page initially loading
id
string
(Required) Give this control a unique id. Can be accessed in the client DOM (eg, document.getElementById('myid') or in the server DOM using [? $myid ?] or [? $('myid') ?]).
panelbgcolor
string
Panel Background Color

Background Color of the content panel in the Tablist
panelfontcolor
string
Panel Font Color

Font Color of the content panel in the Tablist
panelpadding
int
Panel Padding

Controls the padding of the content panel in the Tablist
tabbgcolor
string
Tab Background Color

Background Color of Tabs in the Tablist
tabborder
string
Tab Border

Applies a Border to the Tabs in the Tablist
tabborderradius
int
Tab Rounded Corners

Controls how rounded the corners of the Tabs in the Tablist are
tabfontcolor
string
Tab Font color

Font Color of the Tabs in the Tablist

Examples

Specify Default Tab

Demonstrates the tablist defaultly opening a tab other than the first tab.

HTML:


Run Example

Specify Default Tab via Query String

Demonstrates the tablist defaultly opening a tab specified through the query string.

HTML: