Opened 10 years ago
Closed 10 years ago
#12210 closed defect (invalid)
data-dojo-type doesn't load dijit.layout.TabContainer
Reported by: | jturo | Owned by: | |
---|---|---|---|
Priority: | high | Milestone: | tbd |
Component: | Dijit | Version: | 1.6.0b1 |
Keywords: | Cc: | ||
Blocked By: | Blocking: |
Description
I found a small bug or maybe there's a new property requirement for the tabContainer i'm not aware of. dojo wont parse tab containers using the "data-dojo-type" attribute.
<!-- WILL WORK --> <div style="width: 350px; height: 300px"> <div dojoType="dijit.layout.TabContainer" style="width: 100%; height: 100%;"> <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title:'My first tab',selected:true"> Lorem ipsum and all around... </div> <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title:'My second tab'"> Lorem ipsum and all around - second... </div> <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title:'My last tab',closable:true"> Lorem ipsum and all around - last... </div> </div> </div> <!-- WILL NOT WORK --> <div style="width: 350px; height: 300px"> <div data-dojo-type="dijit.layout.TabContainer" style="width: 100%; height: 100%;"> <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title:'My first tab',selected:true"> Lorem ipsum and all around... </div> <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title:'My second tab'"> Lorem ipsum and all around - second... </div> <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title:'My last tab',closable:true"> Lorem ipsum and all around - last... </div> </div> </div>
Change History (2)
comment:1 Changed 10 years ago by
comment:2 Changed 10 years ago by
Resolution: | → invalid |
---|---|
Status: | new → closed |
Note: See
TracTickets for help on using
tickets.
my guess is it is working fine. There are a couple small differences in your "will/won't work" examples. In the first, you set style="width:100%...." in a containing node of 350x300. In the second you have style="width:350px" ... BUT the parser isn't picking up the style="" attribute, it doesn't look at ANY node attributes when you use data-dojo-type path. Set the style property IN a data-dojo-props bag, and it will likely work.
please report back, I believe we can close this ticket as invalid.