Opened 9 years ago

Closed 9 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 9 years ago by dante

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.

comment:2 Changed 9 years ago by bill

Resolution: invalid
Status: newclosed
Note: See TracTickets for help on using tickets.