Start Building Professional
Web Apps Today

Tabber Scroll

This function doesn't work for me. Although the scroll disappears with this function, what I want is for the scroll to disappear and have the rest of the tabs go down to the next line. Is this possible?

I have about 15-20tabs that I would like to see in one screen without clicking on the scroll. I only want them displayed on top.

tabbar.enableScroll(false);

Can anyone help?
Thanks

>>the tabs go down to the next line
You can specify to which tab row new tab will be added by using 5th parameter of addTab command
    tabbar.addTab(id,"text","*",1,2); //add tab to second row

Or you can add all tab in normal way, and use next command after tabs adding
    //after all tabs added
    tabbar.normalize();
this will reformat tabbar in necessary way. 

Where would I add this? would I add this in dhtmlxtabbar.js (am a newbie, need assistance)

I tried adding this in the actual html page:

    <script>
        tabbar=new dhtmlXTabBar("a_tabbar","top");
            tabbar.setImagePath("/codebase/imgs/");
            tabbar.preventIECashing(true);
            tabbar.loadXML("tabs6d.xml");
            tabbar.normalize();
        tabbar.setSkinColors("white","#FFFACD");
    </script>

or

    <script>
        tabbar=new dhtmlXTabBar("a_tabbar","top");
            tabbar.setImagePath("/codebase/imgs/");
            tabbar.preventIECashing(true);
            tabbar.loadXML("tabs6d.xml");
            tabbar.addTab(id,"text","*",1,2);
        tabbar.setSkinColors("white","#FFFACD");
    </script>

It didn't seem to work.
Thank you so much.

The loading of xml is async, so the correct code will be

  tabbar.loadXML("tabs6d.xml",function(){
     tabbar.normalize();
  });