Hi,
I'm trying to add a vertical splitter between the center and right/trailing sections of a BorderContainer (or between any of the outer panels and the center panel). Unfortunately, no matter what I do, I can't get one to appear.
My understanding is that if I do the following, I should get a splitter that I can drag around:
1. Create the BorderContainer
2. Add a ContentPane to each of the 5 regions of the BorderContainer.
3. Set splitter="true" to one of the outer ContentPanes (eg to the trailing pane).
4. Style the digitSplitter and digitSplitterV/H classes to make the splitter visible.
5. Import dojo.js
6. Set dojo.require for both BorderContainer and ContentPane.
Is there something obvious that I'm missing to get the splitters working? Does someone have a simple, self-contained (ie all inline css) example showing how to get this working?
FWIW, I see a white bar between my center and bottom panes where I expect the splitter to be (and yes, I can make it wider by modifying the height of the digitSplitterH class, so I assume that I'm half way there...?), but the cursor doesn't change when I mouseover it, I can't change it to be anything other than white, and I can't drag it.
Thanks.

step 4 shouldn't be necessary
At least if you're using one of the stock themes, like Tundra. Make sure you have class="tundra" set on the BODY tag.
I've tried that - no luck
Yeah, I've tried that, but it still doesn't work. Are you able to provide a very small sample piece of html which shows the splitter working?
Thanks.
This works in FF2 and IE6 with dojo 1.1
<div style="width:300px; height:300px; border:1px solid black;">
<div dojoType="dijit.layout.BorderContainer" style="height:90%; width:90%; border:1px solid black;">
<div dojoType="dijit.layout.ContentPane" region="left" style="width:100px;"
splitter="true" minSize="100">Left
</div>
<div dojoType="dijit.layout.ContentPane" region="center">Center</div>
<div dojoType="dijit.layout.ContentPane" region="right" minSize="100" style="background-color:#ccccff;">Right</div>
</div>
</div>
</body>
Remember to use:
var djConfig = { isDebug: true };
djConfig.parseOnLoad = true;
</script>
and
if you want markup widget initialisation to work.