Break dojo tabs onto multiple rows?

Question

Is is possible to have a dijit TabContainer with tabs on more that one row instead of the default situation (where you scroll left and right to see the extra tabs)? I'm using dojo 1.8 and the claro theme.

Answer 1

I found that adding controllerWidget="dijit.layout.TabController" will break the tabs onto multiple rows:

<div data-dojo-type="dijit/layout/TabContainer" controllerWidget="dijit.layout.TabController" doLayout="false">

Answer 2

This should help you:

http://shaneosullivan.wordpress.com/2009/04/04/dojo-tabcontainer-beating-the-wrap/

Apparently it's called "wrapping tabs".

I think you can put almost anything in the data-dojo-props that you can inject in the contructor of the widget, when you use dojo programmatically. To find out what you can use in there consult the dojo api & take a look at the properties of a widget:

https://dojotoolkit.org/api/

Here is a link to how the dojo parser (= the thing that transforms your declarative code to actual javascript) handles stuff:

http://dojotoolkit.org/reference-guide/1.8/dojo/parser.html