DHTMLX Docs & Samples Explorer

Resizing Tabbar

Tab 1-1
Tab 1-2
Tab 1-3

The content can be set as HTML node or as HTML text.

The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.

The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
The content can be set as HTML node or as HTML text.
Source
<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxtabbar.css">
<script  src="../../codebase/dhtmlxcommon.js"></script>
<script  src="../../codebase/dhtmlxtabbar.js"></script>
 
<div id="a_tabbar" style="width:395px; height:30px;"/>
<script>
tabbar = new dhtmlXTabBar("a_tabbar", "top");
tabbar.setSkin('dhx_skyblue');
tabbar.setImagePath("../../codebase/imgs/");
tabbar.enableAutoSize(false, true);
tabbar.addTab("a1", "Tab 1-1", "100px");
tabbar.addTab("a2", "Tab 1-2", "100px");
tabbar.addTab("a3", "Tab 1-3", "100px");
tabbar.setContentHTML("a1", "<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.");
tabbar.setContentHTML("a2", "<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.");
tabbar.setContentHTML("a3", "<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.");
tabbar.setTabActive("a1");
</script>