jrdickerson

Need layout with Map on left and tab container on the right

Discussion created by jrdickerson on May 13, 2011
Latest reply on May 16, 2011 by jrdickerson
I took an ESRI sampe layout and tried to modify it so that I have a Map on the left and a TabContainer on the right.  The map shows up but there is nothing on the right.  Is there something wrong with this layout?

  <body class="soria">
      <div id="mainWindow" dojotype="dijit.layout.BorderContainer" design="headline" gutters="false" style="width:100%; height:100%;">
   
      <div id="header" dojotype="dijit.layout.ContentPane"  class="roundedCorners" region="top">
       HEADER
       </div>

      <div id="map" dojotype="dijit.layout.ContentPane" class="roundedCorners" region="center">Map</div>
    
     <div dojoType="dijit.layout.TabContainer" region="right" tabStrip="true">
                <div dojoType="dijit.layout.ContentPane" title="My first tab" selected="true">
                 Stuff
                </div>
                <div dojoType="dijit.layout.ContentPane" title="My second tab">
                    Lorem ipsum and all around - second...
                </div>
                <div dojoType="dijit.layout.ContentPane" title="My last tab" closable="true">
                    Lorem ipsum and all around - last...
                </div>
            </div>
            <!-- end TabContainer -->

      <div id="footer" class="roundedCorners" dojotype="dijit.layout.ContentPane" region="bottom">
        This is the footer section
      </div>
      </div>
  </body>

Attachments

Outcomes