DHTMLX Docs & Samples Explorer

Constructor of dhtmlxTabbar

        var tabbar = new dhtmlXTabBar(parent,mode,height)

where

  • parent - id of HTML element which will be used as parent ( or object itself )
  • mode - string, position of tabbar (“top”,”right”,”left”,”bottom”), optional
  • height - {integer} height of tabbar's labels, optional
      <div id='my_tabbar_here' style="width:500px; height:150px;"></div>
      <script>
      //common init code
      var tabbar = new dhtmlXTabBar("my_tabbar_here","top");
      </script>

Layout, Window, Accordion, Tabbar can create a folders inside their cells by using

      some_component.cells(some_id).attachTabbar()

Starting from 2.5 version, tabbar can be initialized by object notation

      var tabbar = new dhtmlXTabBar({
          some_option1:some_value_1,
          some_option2:some_value_2,
          ...
          some_optionN:some_value_N,
      })

List of supported options

	tabbar = new dhtmlXTabBar({
		parent:"a_tabbar",
		image_path:"codebase/imgs/",
		onSelect:function(){
			alert("I'm selected");	
		}
	});