Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Scott on Jun 01, 2009 06:35
open dhtmlx forum
Tabs Missing

When I place the tabbar div inside another div I only have the first tab showing. When outside all other divs it works fine. I am wanting to have the position of the tabbar div relative to other divs on the page so it needs to go inside at least one other div.

Any ideas on how to fix it would be much appreciated. Thanks in advance

<script type="text/javascript" src="js/dhtmlxfolders.js"></script>
<script type="text/javascript" src="js/dhtmlxcommon.js"></script>
<script type="text/javascript" src="js/dhtmlxtabbar.js"></script>
<script type="text/javascript" src="js/dhtmlxtabbar_start.js"></script>

<script>
var selHome;
var myHomes;
        
function doOnLoad(){
myHomes = new dhtmlxFolders("home_list");
    myHomes.loadXML("xml/homes.xml", "js/types/homes.xsl");
    myHomes.attachEvent("onclick",function(id){
        var dataObj = this.getItem(id).data.dataObj;
        selHome = dataObj.getAttribute("id");
        tabbar.loadXML("hometabs.php?home="+selHome);
    });
            
     }
</script>
<link href="css/rahcss.css" rel="stylesheet" type="text/css">
<link href="js/dhtmlxfolders.css" rel="stylesheet" type="text/css">
<link href="js/dhtmlxtabbar.css" rel="stylesheet" type="text/css">

</head>
<body onload= "doOnLoad();">
<div id="main" class="mainPart" align="center" >
<div id="Layout" class="layout_long">
<div id="menu" class="menu_long"> some menu here </div><!-- menu -->
<div id="home_container" >
<div id="home_list" class="homelist"> </div>
<div id="home_details" class="homedetails"> </div>
</div><!-- Home Container -->
</div><!-- Layout -->
</div><!-- Main Part -->
<script>
tabbar = new dhtmlXTabBar('home_details','top');
tabbar.setImagePath('imgs/');
tabbar.setStyle("winDflt");
tabbar.loadXML('hometabs.php');
tabbar.setSkinColors('#FFFFFF','#F4F3EE');
</script>
Answer posted by Support on Jun 01, 2009 07:58
How is the width of  tabbar's container defined?
    <div id="home_details" class="homedetails"> </div> 
By default tabbar, takes the size which assigned to related container, so it possible that it just have small size assigned on moment of tabbar initialization, and as result, final view to small to show all tabs. 

>>When outside all other divs it works fine. 
Can occur because of above described reason if you have width as 100% - it will be 100% of parent container, not the 100% of all page 
Answer posted by Scott on Jun 02, 2009 04:46
Thank you once again for your very prompt response. I found a problem in a earlier container. Thanks for pointing me in the right direction. You guys rock!!!!!