Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by ABernaus on Nov 20, 2009 01:48
open dhtmlx forum
dhtmlxTabBar scroll content

Hi,

I try to setup a tabbar this way, because I need to "insert" HTML code generated from PHP.

..
......
<script>
dhtmlx.skin = "default";
</script>

<div id="myCongressTabbar" class="dhtmlxTabBar"
        imgpath=' . $myConfig->installURL . 'resources/js/external/dhtmlxTabbbar/imgs/"
        style="overflow: auto; width: 800px; height: 400px;">
<div id="123456789_0" name=" Hi 1" width="120px">
<div>
<p>Here large html code</p>
<div>
</div>
<div id="123456789_1" name=" Hi 2" width="120px">
<div>
<p>Here large html code</p>
<div>
</div>
</div>

.....
..
..

It renders OK, but it don't show the scroll bar for the HTML content.

I look with the Inspect elemet of Firefox and I see that the overflow is set to hidden (I use the standard component not the pro):

<div id="dhxMainCont" style="overflow: hidden; position: relative; left: 0px; top: 0px; width: 798px; height: 377px;">

I try to use the enableScroll method but without results.

I see that Scrollable tabbar is only for pro, but I think that this means scroll between tabs not content.

Answer posted by Alex (support) on Nov 20, 2009 02:16

Hello,

scrolls are disabled by default. Please, use showInnerScroll() method to enable them (this method is available in the latest tabbar version):

<div id="myCongressTabbar" class="dhtmlxTabBar" oninit="myCongressTabbar.showInnerScroll()" ...