<script type="text/javascript">
            dojo.require("dijit.form.Button");										
            dojo.require("dijit.layout.StackContainer");										
            dojo.require("dijit.layout.ContentPane");										
   </script>       
 
   <link rel="stylesheet" href="js/dijit/themes/tundra/tundra.css" type="text/css">
   <link rel="stylesheet" type="text/css" href="js/dojox/grid/_grid/Grid.css"></link>
   <link rel="stylesheet" type="text/css" href="js/dojox/grid/_grid/tundraGrid.css"></link>
 
<script>
function displaySecondScreen(){
   var stackLayout = dijit.byId('stackLayout');
   var secondScreen = dijit.byId('secondScreen');
 
   if (secondScreen==null){
     dojoe.includeRequest({url:'js/dojoe/tests/_base/resources/secondScreen.html'}, "div[id='stackLayout']", "append");
       secondScreen = dijit.byId('secondScreen');
   }
   stackLayout.selectChild(secondScreen);
}
 
function displayThirdScreen(){
   var stackLayout = dijit.byId('stackLayout');
   var thirdScreen = dijit.byId('thirdScreen');
 
   if (thirdScreen==null){
     dojo.require("dojox.grid.Grid");
     dojoe.includeRequest({url:'js/dojoe/tests/_base/resources/thirdScreen.html'}, "div[id='stackLayout']", "append");
         thirdScreen = dijit.byId('thirdScreen');
   }
   stackLayout.selectChild(thirdScreen);
}
 
</script>
 
   <div dojoType="dijit.form.Button" onclick="dijit.byId('stackLayout').selectChild(dijit.byId('firstScreen'))" label="First Screen"></div>
   <div dojoType="dijit.form.Button" onclick="displaySecondScreen()" label="Second Screen"></div>
   <div dojoType="dijit.form.Button" onclick="displayThirdScreen()" label="Third Screen"></div>
<br/><br/>
   <div dojoType="dijit.layout.StackContainer" id="stackLayout" style="width:400px;height:300px;border:1px solid RGB(0,0,0)">
   <div dojoType="dijit.layout.ContentPane" title="Welcome to my application" id="firstScreen">
   <ul>
      <li>This is one Item in the list</li>
      <li>This is one Item in the list</li>
      <li>This is one Item in the list</li>
      <li>This is one Item in the list</li>
      <li>This is one Item in the list</li>
   </ul>
 </div>
</div>