Hi,

I am new to dojo and web development. I was wondering if it is possible to set up a TabContainer which holds several tabs, but i want each tab to function like a standard button, and point to the same content in all three tabs. In other words, I would like to run a specific JavaScript function on the same content in all three tabs, but I want it to be the same content. Is this possible? Thanks!

Hello,

here is my html/dojo source file :
(I made it as simple as possible, for the example)

bad rendered

@import "dojotk/dojo/resources/dojo.css";
@import "dojotk/dijit/themes/soria/soria.css";

dojo.require("dojo.parser");
dojo.require("dijit.Declaration");
dojo.require("dijit.layout.BorderContainer");

From a fresh load of my page the tabs overlap the pane. Once I click refresh, everything looks normal.

I am using left-h as the tabPosition and the contentpane is wider than it should be overlapping with the tabs.

The dijitTabPaneWrapper div from a fresh load has a width of 504 and becomes 486 after I reload the browser. Where is this 20px coming from that doesn't happen after a page reload? :)

I have a Tab container, and under one of my tabs I have an applet.  This applet is destroyed when I click off of this tab, and I would like to keep it alive.  Can anyone offer suggestions as to the cause of the current behavior, and/or a solution to it?

Thanks.

-Dave

Note: Dojo 1.1.1

I recently upgraded from 1.0.1 to 1.1.1, and now my TabContainer instances are not rendering the styling on IE 7. It does render the styling (soria, tundra, etc) fine in FF 2 & 3. When I run the themeTesting with IE 7, the TabContainer renders perfectly.

Any hints or suggestions?

Hi,

When a programmatically created tab container is placed within an expando (also created programmatically), it takes it's size from it's containing component - the expando pane. Now - if the expando is collapsed, the tab container will retain it's original size and will not resize to the available real-estate exposed by the expando. Note that a content pane will resize correctly, but the tab container does not. Also, note that the tab container's width and height are based off percentages and not static pixel definitions.

I have been trying unsuccessfully to change the selected tab to another tab. Here is the scenario:
User has a page with a button on it followed by a tab container with 4 tabs. Tab number 4 is selected.
When user clicks on the button, I want tab number 1 to be selected.
This part works, in that it changes the selected value to tab number 1, but nothing happens in the browser to reflect the change:

var myTab4 = dojo.byId('tab4');
    myTab4.setAttribute('selected','false');
    var myTab1 = dojo.byId('tab1');
    myTab1.setAttribute('selected','true');

Hi,
I want to do something like this
if(tab is existing depending upon Id)
select the tab
return
else
create a tab
add the content

var properties = {id: "test id", label: "label",closable: false, onClose: testClose};
dojo.mixin(newTab,properties);
tabContainer.addChild(newTab);
tabContainer.selectChild(newTab);

How can I do the same. Is there any way that I can store some other property of for Tab and get it.
Regards,
Allahbaksh
http://allahbaksh.blogspot.com

 Please forgive me if this has been asked and answered before.

I am creating TabContainer children programmatically in my application.   Consistently, in IE7 and FireFox 2 and 3, the first tab child which is created, the tab image renders incorrectly, with the content directly behind the tab itself in the z-axis.

Example rendering of the first tab over the content:
http://alpha.jenkinsmd.com/images/alpha_jenkinsmd_com/12/r_dojo-image1.p...

As soon as a second tab control is added, the rendering is correct:

When opening the following page:
http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/layout/tab-contai...
in IE 6.0.2 I get "Could not load class 'dijit.Layout.TabContainer'" error
I have the same problem when I try to implement this n my site. Can you offer some guidance, please?