cflayout - tab

Selected

Choose whitch tab start opened

<cflayout type="tab">
<cflayoutarea title="One">tab 1</cflayoutarea>
<cflayoutarea title="Two" selected="true">tab 2</cflayoutarea>
</cflayout>
tab 1
tab 2

Diasable / Enable

Select witch tab start in disabled mode and enable via js.

<cflayout type="tab">
<cflayoutarea title="One">tab 1</cflayoutarea>
<cflayoutarea title="Two" selected="true">tab 2</cflayoutarea>
</cflayout>
tab 1
tab 2
tab 3

Add and remove tabs programamtically.

New tab can be added and removed programmatically via js.

By default a new is appended while you can also decide the right position you wan to place it passing an index reference.

tab 1

Add remove tab based on position.

Add remove tab based on ID. Please note that you cannot add a tab with the same name twice.