Beginners problems

Submitted by bevis on Tue, 08/26/2008 - 16:08.

I've downloaded and installed dojo 1.1.1, but am having problems getting the dijit widgets to work properly.
I've read the docs that I can find, and looked through the faq and forums a bit, but my problems seem to be far more basic, as though I've missed something quite fundamental.
Quite simple code which works on the dojotoolkit.org site doesn't render properly on my local site (linux + apache2 + firefox 3). For instance, the following (which is just a single SplitContainer):

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Split container test</title>


<script type="text/javascript" src="dojoroot/dojo/dojo.js"
   djConfig="parseOnLoad: true, debug: true"></script>


<style type="text/css">
@import "dojoroot/dojo/resources/dojo.css";
@import "dojoroot/dojo/dijit/themes/nihilo/nihilo.css";
@import "test.css";
</style>


<script type="text/javascript">
dojo.require("dojo.parser");
dojo.require("dijit.layout.SplitContainer");
dojo.require("dijit.layout.ContentPane");
</script>

</head>

<body class="nihilo">

<div dojoType="dijit.layout.SplitContainer"
   orientation="horizontal"
   sizerWidth="10"
   activeSizing="true"
   style="border: 1px solid #bfbfbf; width: 400px; height: 300px;">
   >

<div id="listPane" dojoType="dijit.layout.ContentPane" sizeMin="20" sizeShare="20">
   List of things will go here
</div>

<div id="detailsPane" dojoType="dijit.layout.ContentPane" sizeMin="20" sizeShare="80">
   Details will go here
</div>

</div> 

</body>

renders with the two lines of text overlapping with no vertical split bar anywhere (see http://www.jackhollow.co.uk/js/test.html).

Things like the "test_SplitContainer.html" code from the nightly build test directories also fail to render properly when run locally (I've re-pointed the various local files), but work fine on the dojotoolkit.org site.

Any pointers would be greatly appreciated!

Login or register to post comments
Subscribe post

the path to nihilo is wrong

Submitted by dante on Tue, 08/26/2008 - 17:19.

the path to nihilo is wrong it looks like.

you have /dojoroot/dojo/dijit/ , but your dojo.js is in dojoroot/dojo/dojo.js, so assuming you aren't getting 'dojo is not defined', your nihilo.css path would be:

/dojoroot/dijit/themes/nihilo/nihilo.css

dijit/ and dojo/ folders are siblings.

Does firebug report a 404 for nihilo.css?

(ps: you should use BorderContainer over SplitContainer. SC should be throwing deprecation warnings ... )

That's true; I set the

Submitted by bevis on Wed, 08/27/2008 - 08:24.

That's true; I set the nihilo.css path wrong in this test app, but firebug threw no errors. And correcting it has made very little difference (see http://www.jackhollow.co.uk/js/test.html). I also get no deprecation warnings at all. I get a large number of warnings from some of the css files within dojo, but I'm guessing that these don't matter.

My "test.css" file has almost nothing in it:

html, body, #main {
        width: 100%;
        height: 100%;
        font: 10pt Arial,Myriad,Tahoma,Verdana,sans-serif;
}

should there be more?

Your test app is working for

Submitted by Helmchen on Wed, 08/27/2008 - 09:53.

Your test app is working for me. I don't know if that's how it is supposed to look in nihilo as I'm using tundra (and BorderContainer).
The sole vertical line in the middle (looking like a caret) is the handle for dragging the splitter. You could style the splitter or the containers to have borders to have a visible separation. Or you could use a different theme.

Ah, and you've got a ">" to much right after the SplitContainer's declaration, which is visible under the left container and distorting the text.

Right, I had missed the

Submitted by bevis on Wed, 08/27/2008 - 11:04.

Right, I had missed the extra ">". Removing it still didn't give me a resizable split as per the examples.

So I swapped "SplitContainer" for "BorderContainer" (taking http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/tests/layout/te... as an example) and it worked! Perhaps 1.1.1 can't handle SplitContainer any more?

Thanks for your help! More questions may follow ...

Search