Hello,
here is my html/dojo source file :
(I made it as simple as possible, for the example)
<head>
<title>bad rendered</title>
<style type="text/css">
@import "dojotk/dojo/resources/dojo.css";
@import "dojotk/dijit/themes/soria/soria.css";
</style>
<script type="text/javascript" src="dojotk/dojo/dojo.js" djConfig="isDebug: false, parseOnLoad: true, defaultTestTheme: 'soria'"></script>
<script type="text/javascript">
dojo.require("dojo.parser");
dojo.require("dijit.Declaration");
dojo.require("dijit.layout.BorderContainer");
dojo.require("dijit.layout.TabContainer");
dojo.require("dijit.layout.ContentPane");
</script>
</head>
<body class="soria">
<!-- declaration -->
<div dojoType="dijit.Declaration" widgetClass="windgetTest">
<div dojoType="dijit.layout.BorderContainer" dojoAttachPoint="container" title="Test">
<!--center Pane -->
<div dojoType="dijit.layout.ContentPane" region="center">
<!-- now, a lot of "br" to reveal the scrollbar -->
test...<br>test...<br>test...<br>test...<br>
test...<br>test...<br>test...<br>test...<br>
test...<br>test...<br>test...<br>test...<br>
test...<br>test...<br>test...<br>test...<br>
</div>
<!--right Pane -->
<div dojoType="dijit.layout.ContentPane" region="right" splitter="true" style="width:50%;"> - try - </div>
</div> <!-- end of BorderContainer -->
</div> <!-- end of Declaration -->
<!-- TabContainer -->
<div dojoType="dijit.layout.TabContainer" jsId="tabsCont" style="height:200px; width=100%;"></div>
<script type="text/javascript">
dojo.addOnLoad(function(){
var newTab = new windgetTest().container;
tabsCont.addChild(newTab);
tabsCont.selectChild(newTab);
});
</script>
</body>
<title>bad rendered</title>
<style type="text/css">
@import "dojotk/dojo/resources/dojo.css";
@import "dojotk/dijit/themes/soria/soria.css";
</style>
<script type="text/javascript" src="dojotk/dojo/dojo.js" djConfig="isDebug: false, parseOnLoad: true, defaultTestTheme: 'soria'"></script>
<script type="text/javascript">
dojo.require("dojo.parser");
dojo.require("dijit.Declaration");
dojo.require("dijit.layout.BorderContainer");
dojo.require("dijit.layout.TabContainer");
dojo.require("dijit.layout.ContentPane");
</script>
</head>
<body class="soria">
<!-- declaration -->
<div dojoType="dijit.Declaration" widgetClass="windgetTest">
<div dojoType="dijit.layout.BorderContainer" dojoAttachPoint="container" title="Test">
<!--center Pane -->
<div dojoType="dijit.layout.ContentPane" region="center">
<!-- now, a lot of "br" to reveal the scrollbar -->
test...<br>test...<br>test...<br>test...<br>
test...<br>test...<br>test...<br>test...<br>
test...<br>test...<br>test...<br>test...<br>
test...<br>test...<br>test...<br>test...<br>
</div>
<!--right Pane -->
<div dojoType="dijit.layout.ContentPane" region="right" splitter="true" style="width:50%;"> - try - </div>
</div> <!-- end of BorderContainer -->
</div> <!-- end of Declaration -->
<!-- TabContainer -->
<div dojoType="dijit.layout.TabContainer" jsId="tabsCont" style="height:200px; width=100%;"></div>
<script type="text/javascript">
dojo.addOnLoad(function(){
var newTab = new windgetTest().container;
tabsCont.addChild(newTab);
tabsCont.selectChild(newTab);
});
</script>
</body>
-> I declare a simple windget with 2 ContentPanes separated by a splitter
-> Then, I add an instance of this windget as a child of a TabContainer.
=> The scrollbar of the left pane is partially hidden , by the splitter and by the top border :
(see the link) http://img297.imageshack.us/img297/622/scrollbarka6.png
the splitter can be moved normally, but the scrollbar is still partially hidden.