I'm trying to use a StackContainer to create three different "screens" of my webapp, with any one viewable at a time.

I'm creating the "shell" of the StackContainer and three ContentPanes (inside the StackContainer) in markup, then filling out the real content of the ContentPanes later by assigning stuff to each of the ContentPanes' innerHTML. The size of the real content won't be known until some data is loaded (via an xhrGet()), but will certainly be larger than the "shell".

I know that many people have commented that the TextBox widgets change the field size. They can only be changed with a style sheet specifying the width. I was hoping to get the size that was set in the input field so I could change the width proportional to that rather than have to create a width for each field's id.

Here's what I've got so far.

function changeSizes() {
var custForm = dijit.byId("custForm");
dojo.every(custForm.getDescendants(), function(elem) {
var thisclass = elem.baseClass;
var thisname = elem.name;
var thisw = dojo.byId(thisname);

The design of one of our applications requires that a certain text box be only wide enough to display a few digits at a time (30px).

There's no problem actually setting the width to 30px but when a user types in the text box, they can only ever see one digit at a time. It seems the rest of the digits are being bumped out of view.

I have some buttons which look like this:

I load this html snippet later, not with loading the site. I parse the node with dojo.parser.parse(node);
My problem is, that the button first has another size because of the span-tag. It takes a while until the button gets the correct size.
My iconClass:


.saveIcon {
background-image: url(icons/save.gif);
background-repeat: no-repeat;