Controls ss:ajax delayedload event region ss:data calendar column repeater table tree ss:forms captcha checkbox codeeditor combobox datepicker daterange dialogbox editbox fileupload fileuploadimage form hidden money officeuseregion option password paymentmethod radiobutton row searchbox selectlist signature slider spinbox submitbutton submitimage submitlink textarea timepicker ss:layout rotator stepper stepperpanel tablist tablistitem ss:logic dependency parse if else include template variable ss:navigation breadcrumbs item primary secondary ss:personalisation firstname fullname lastname other ss:regions content contentadditional security togglable ss:standard audio embed icon image label link script video ss:templates column row section ss:thirdparty googlemap googlemapmarker
.
.
.

<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
height
mixed
Sets the height of the element. The default units are pixels. include the percentage symbol % to user percentage values.
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')).
width
mixed
Sets the width of the element. The default units are pixels. include the percentage symbol % to user percentage values.

Examples

Specify Default Tab

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

XML Code:


Run Example

Specify Default Tab via Query String

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

XML Code: