title: Loading different Content panes of dojo in a JSP page
body: <p>I have a JSP page. In that i have different Content panes(using Dojo framework). Now for a particular content pane to be displayed on page load i have set "selected= true" property true on one of the content panes(Add new activity). Now i have another content pane on which data is displayed using dojox.grid.DataGrid(pending activities). But as the page loads i get my Add new activity pane absolutely fine. but as soon as i switch on to another pane(pending activities) i get a grid but no data inside it. And when i set "selected= true" property for pending activities pane i get my data displayed correctly inside grid.  I think the problem is that my page is loading one time only. how to solve that ? Thanks.. </p>
  
  <p>the code for my jsp page is :: </p>
  
  <pre><code>&lt;%@ page language="java" contentType="text/html; charset=ISO-8859-1"
      pageEncoding="ISO-8859-1"%&gt;
  &lt;%@ page import="MyPackage.PopulateTextbox" %&gt;
  &lt;%@page import="MyPackage.TextboxAutocomplete" %&gt;
  &lt;%@ page import="java.sql.*" %&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
  &lt;title&gt;DojoContentPanes&lt;/title&gt;
  &lt;style type="text/css"&gt;
     @import "http://ajax.googleapis.com/ajax/libs/dojo/1.7/dojo/resources/dojo.css";
     @import "http://ajax.googleapis.com/ajax/libs/dojo/1.7/dijit/themes/nihilo/nihilo.css";
     @import "http://ajax.googleapis.com/ajax/libs/dojo/1.7/dojox/grid/resources/Grid.css";
     @import "http://ajax.googleapis.com/ajax/libs/dojo/1.7/dojox/grid/resources/nihiloGrid.css";
  
  &lt;/style&gt;
  
  
  &lt;link rel="stylesheet" type="text/css" href="http://localhost:8080/2_8_2012/js/dijit/themes/soria/soria.css" /&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.7/dojo/dojo.js" djConfig="isDebug: false, parseOnLoad: true"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt; 
  dojo.require('dijit.form.TextBox');
  dojo.require('dijit.Tooltip');
  dojo.require('dijit.form.DateTextBox');
  dojo.require('dijit.form.TimeTextBox');
  dojo.require("dojox.grid.DataGrid");
  dojo.require("dojo.data.ItemFileReadStore");
  dojo.require("dojo.data.ItemFileWriteStore");
  dojo.require("dijit.Dialog");
  dojo.require('dijit.layout.TabContainer');
  dojo.require('dijit.layout.ContentPane');
  dojo.require('dijit.form.Button');
  dojo.require('dijit.form.NumberSpinner');
  dojo.require('dijit.form.Textarea');
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;%
    TextboxAutocomplete obj1 = new TextboxAutocomplete();
    String arlene1 =  obj1.method();
    request.setAttribute("variable1", arlene1);
  %&gt;
  
  &lt;%
  String temp1;
  PopulateTextbox obj = new PopulateTextbox();
  temp1 = obj.method();
  request.setAttribute("variable", temp1); 
  %&gt;
  
  &lt;script type="text/javascript"&gt;
  dojo.ready(function(){
  var myVar = &lt;%= request.getAttribute("variable") %&gt;
  var storedata={
              identifier:"ID",
              label:"name",
              items: myVar
      };
  
  var store = new dojo.data.ItemFileWriteStore({data: storedata});
  
      var gridStructure =[[
  
                        { field: "ID",
                              name: "ID_Emp",
                              width: "60%",
                              classes:"firstname"
                        },
                        {
                            field: "Names",
                            name: "Name",
                            width: "60%",
                            classes: "firstname"
                        }
  
                  ]
            ];
  
  
       var grid = new dojox.grid.DataGrid({
              id: 'grid',
              store: store,
              structure: gridStructure,
              rowSelector: '30px',
              selectionMode: "single",
              autoHeight:true},
            document.createElement('div'));
  
          /*append the new grid to the div*/
          dojo.byId("gridDiv").appendChild(grid.domNode);
  
          /*Call startup() to render the grid*/
          grid.startup();
  
       // assuming our grid is stored in a variable called "myGrid":
          dojo.connect(grid, "onSelectionChanged", grid, function(){
              var items = this.selection.getSelected();
  
          //  do something with the selected items
              dojo.forEach(items, function(item){
                  var v = this.store.getValue(item, "Names");
  
                  function showDialog() {
                      dijit.byId("terms").show();
                  }
                  showDialog();
                  }, this);
  
          });
  });
  &lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
      var myVar1 = &lt;%=request.getAttribute("variable1") %&gt;
        //var foo = (function(){
  
            //[];
            //arlene1 = obj.method();
        //});
        //foo();
          //arlene1 = ["Shaan","kapil","abhinav"];
      $("input#assignedbyid").autocomplete({
      source: myVar1
  });
    });
    &lt;/script&gt;
  
  &lt;body class="nihilo" style="background-image: url('http://localhost:8080/2_8_2012/images/14.jpg'); background-repeat: no-repeat;"&gt;
  
  &lt;div style="width:1000px;height:600px;"&gt;
  
    &lt;!-- will host all tabs and their content panes --&gt;
    &lt;div dojoType="dijit.layout.TabContainer" id="tabContainer" style="width:1000px;height:100%;"&gt;
  
      &lt;!-- content panes: title is tab name, make this tab selected --&gt;
      &lt;div dojoType="dijit.layout.ContentPane" title="Add New Activity" preload="true" selected="true"&gt;      
  
  &lt;div style="width:1200px;height:600px;background-image: url('http://localhost:8080/2_8_2012/images/18.png');width:1200px;height:600px;"&gt;
  &lt;center&gt;&lt;div style="border-color:black; width: 1000px; height: 500px;position:relative; top: 50px;left:20px;bottom:20px;right: 20px;background-image: url('http://localhost:8080/2_8_2012/images/17.png');"&gt;
  &lt;br&gt;&lt;br&gt;&lt;center&gt;&lt;strong&gt;ADD AN ACTIVITY :: &lt;/strong&gt;&lt;/center&gt;
  &lt;table&gt;
  &lt;tr style="height: 50px"&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;ASSIGNED BY : &lt;/b&gt;&lt;/td&gt;
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="assignedbyid" &gt;
  &lt;span dojoType="dijit.Tooltip" connectId="assignedbyid"&gt;Enter Name&lt;/span&gt;&lt;/td&gt;
  &lt;td style="width: 150px" &gt;&lt;b&gt;ASSIGNED TO : &lt;/b&gt;&lt;/td&gt;
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="assignedtoid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="assignedtoid"&gt;Enter Name&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
  
  &lt;tr style="height: 50px"&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;ACTIVITY ID : &lt;/b&gt;&lt;/td&gt; 
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="activityidid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="activityidid"&gt;Enter ID&lt;/span&gt;&lt;/td&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;ENVIRONMENT : &lt;/b&gt;&lt;/td&gt; 
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="envnameid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="envnameid"&gt;Enter Name&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
  
  &lt;tr style="height: 50px"&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;ENVIRONMENT ID : &lt;/b&gt;&lt;/td&gt;
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="envidid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="envidid"&gt;Enter ID&lt;/span&gt;&lt;/td&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;STATUS : &lt;/b&gt;&lt;/td&gt; 
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="statusid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="statusid"&gt;Enter Status&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
  
  &lt;tr style="height: 50px"&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;ACTIVITY TYPE : &lt;/b&gt;&lt;/td&gt; 
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="activitytypeid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="activitytypeid"&gt;Enter Type&lt;/span&gt;&lt;/td&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;ASSIGNED DATE : &lt;/b&gt;&lt;/td&gt;
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.DateTextBox" id="assigneddateid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="assigneddateid"&gt;Enter date&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt; 
  
  
  &lt;tr style="height: 50px"&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;ASSIGNED TIME : &lt;/b&gt;&lt;/td&gt; 
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TimeTextBox" id="assignedtimeid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="assignedtimeid"&gt;Enter time&lt;/span&gt;&lt;/td&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;SCHEDULED DATE : &lt;/b&gt;&lt;/td&gt;
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.DateTextBox" id="scheduleddateid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="scheduleddateid"&gt;Enter Date&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
  
  
  &lt;tr style="height: 50px"&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;SCHEDULED TIME : &lt;/b&gt;&lt;/td&gt; 
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TimeTextBox" id="scheduledtimeid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="scheduledtimeid"&gt;Enter Time&lt;/span&gt;&lt;/td&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;PERCENT COMPLETE : &lt;/b&gt;&lt;/td&gt;
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.NumberSpinner" id="percentcompleteid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="percentcompleteid"&gt;Enter Percentage&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
  
  
  &lt;tr style="height: 50px"&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;DESCRIPTION : &lt;/b&gt;&lt;/td&gt; 
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="descriptionid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="descriptionid"&gt;Description&lt;/span&gt;&lt;/td&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;COMMENTS : &lt;/b&gt;&lt;/td&gt;
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="commentsid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="commentsid"&gt;Enter Comments&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;button id="submitbutton" type="submit" dojoType="dijit.form.Button" style="height: 50px; width: 100px;"&gt;&lt;/button&gt;
  &lt;/div&gt;
  &lt;/center&gt;
  &lt;/div&gt;     
  &lt;/div&gt;
  
      &lt;!-- content panes: title is tab name, no special features here --&gt;
  
  
  &lt;div dojoType="dijit.layout.ContentPane" title="Pending Activities" style="background-image: url('http://localhost:8080/2_8_2012/images/17.png');" preload="true"&gt;
  &lt;center&gt;&lt;p&gt;&lt;strong&gt;LIST OF PENDING ACTIVITIES&lt;/strong&gt;&lt;/p&gt;&lt;/center&gt;
  
  &lt;center&gt;&lt;div id="gridDiv" dojoType="dojox.grid.DataGrid" title="Simple Grid" style="width:900px; height:200px;" preload="true"&gt;
  &lt;/div&gt;&lt;/center&gt;
  &lt;div class="dijitHidden"&gt;
      &lt;div  id="terms" data-dojo-type="dijit.Dialog" style="width:900px; height: 500px;overflow: scroll; background: gray;" data-dojo-props="title:'Control Activities'" preload="true"&gt;
          &lt;center&gt;&lt;p&gt;&lt;strong&gt;EDIT AN ACTIVITY :: &lt;/strong&gt;&lt;/p&gt;&lt;/center&gt;
          &lt;center&gt;&lt;table&gt;
  &lt;tr style="height: 50px"&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;ASSIGNED BY : &lt;/b&gt;&lt;/td&gt;
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="assignedbyid" &gt;
  &lt;span dojoType="dijit.Tooltip" connectId="assignedbyid"&gt;Enter Name&lt;/span&gt;&lt;/td&gt;
  &lt;td style="width: 150px" &gt;&lt;b&gt;ASSIGNED TO : &lt;/b&gt;&lt;/td&gt;
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="assignedtoid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="assignedtoid"&gt;Enter Name&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
  
  &lt;tr style="height: 50px"&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;ACTIVITY ID : &lt;/b&gt;&lt;/td&gt; 
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="activityidid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="activityidid"&gt;Enter ID&lt;/span&gt;&lt;/td&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;ENVIRONMENT : &lt;/b&gt;&lt;/td&gt; 
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="envnameid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="envnameid"&gt;Enter Name&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
  
  &lt;tr style="height: 50px"&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;ENVIRONMENT ID : &lt;/b&gt;&lt;/td&gt;
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="envidid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="envidid"&gt;Enter ID&lt;/span&gt;&lt;/td&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;STATUS : &lt;/b&gt;&lt;/td&gt; 
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="statusid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="statusid"&gt;Enter Status&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
  
  &lt;tr style="height: 50px"&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;ACTIVITY TYPE : &lt;/b&gt;&lt;/td&gt; 
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="activitytypeid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="activitytypeid"&gt;Enter Type&lt;/span&gt;&lt;/td&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;ASSIGNED DATE : &lt;/b&gt;&lt;/td&gt;
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.DateTextBox" id="assigneddateid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="assigneddateid"&gt;Enter date&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt; 
  
  
  &lt;tr style="height: 50px"&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;ASSIGNED TIME : &lt;/b&gt;&lt;/td&gt; 
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TimeTextBox" id="assignedtimeid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="assignedtimeid"&gt;Enter time&lt;/span&gt;&lt;/td&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;SCHEDULED DATE : &lt;/b&gt;&lt;/td&gt;
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.DateTextBox" id="scheduleddateid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="scheduleddateid"&gt;Enter Date&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
  
  
  &lt;tr style="height: 50px"&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;SCHEDULED TIME : &lt;/b&gt;&lt;/td&gt; 
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TimeTextBox" id="scheduledtimeid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="scheduledtimeid"&gt;Enter Time&lt;/span&gt;&lt;/td&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;PERCENT COMPLETE : &lt;/b&gt;&lt;/td&gt;
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.NumberSpinner" id="percentcompleteid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="percentcompleteid"&gt;Enter Percentage&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
  
  
  &lt;tr style="height: 50px"&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;DESCRIPTION : &lt;/b&gt;&lt;/td&gt; 
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="descriptionid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="descriptionid"&gt;Description&lt;/span&gt;&lt;/td&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;COMMENTS : &lt;/b&gt;&lt;/td&gt;
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="commentsid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="commentsid"&gt;Enter Comments&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
  
  
  
   &lt;tr style="height: 50px"&gt;
         &lt;td style="width: 600px"&gt;&lt;button&gt;START&lt;/button&gt;&lt;/td&gt;
         &lt;td style="width: 600px"&gt;&lt;button&gt;STOP&lt;/button&gt;&lt;/td&gt;
         &lt;td style="width: 600px"&gt;&lt;button&gt;HOLD&lt;/button&gt;&lt;/td&gt;
         &lt;td style="width: 600px"&gt;&lt;button&gt;CANCEL&lt;/button&gt;&lt;/td&gt;
         &lt;td style="width: 600px"&gt;&lt;button&gt;CLOSE&lt;/button&gt;&lt;/td&gt;&lt;/tr&gt;
  
  &lt;/table&gt;&lt;/center&gt;
  
  
  &lt;/div&gt;
  &lt;/div&gt;
  
      &lt;/div&gt;
  
      &lt;!-- content panes: title is tab name, make this tab closable --&gt;
  &lt;div dojoType="dijit.layout.ContentPane" title="Filter an Activity" style="background-image: url('http://localhost:8080/2_8_2012/images/18.png');" preload="true"&gt;
  
        &lt;center&gt;&lt;div style="border-color:black; width: 1000px; height: 500px;position:relative; top: 50px;left:20px;bottom:50px;right: 20px;background-image: url('http://localhost:8080/2_8_2012/images/17.png');"&gt;
        &lt;br&gt;&lt;br&gt;&lt;p&gt;&lt;strong&gt;ENTER THE SEARCH CRITERIA :: &lt;/strong&gt;&lt;/p&gt;
        &lt;table&gt;
  &lt;tr style="height: 50px"&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;ASSIGNED BY : &lt;/b&gt;&lt;/td&gt;
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="fassignedbyid" &gt;
  &lt;span dojoType="dijit.Tooltip" connectId="fassignedbyid"&gt;Enter Name&lt;/span&gt;&lt;/td&gt;
  &lt;td style="width: 150px" &gt;&lt;b&gt;PRODUCT : &lt;/b&gt;&lt;/td&gt;
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="fproductid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="fproductid"&gt;Enter product&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
  
  &lt;tr style="height: 50px"&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;STATUS : &lt;/b&gt;&lt;/td&gt; 
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.TextBox" id="fstatusid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="fstatusid"&gt;Enter Status&lt;/span&gt;&lt;/td&gt;
  &lt;td style="width: 150px"&gt;&lt;b&gt;START DATE : &lt;/b&gt;&lt;/td&gt; 
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.DateTextBox" id="fstartdateid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="fstartdateid"&gt;Enter Date&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;table&gt;
  &lt;tr style="height: 50px"&gt;
  &lt;td style="width: 100px"&gt;&lt;b&gt;STOP DATE : &lt;/b&gt;&lt;/td&gt; 
  &lt;td style="width: 600px"&gt;&lt;input dojoType="dijit.form.DateTextBox" id="fstopdateid"&gt;
  &lt;span dojoType="dijit.Tooltip" connectId="fstopdateid"&gt;Enter date&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;      
  &lt;/div&gt;&lt;/center&gt;
  
  
      &lt;/div&gt;
  
      &lt;!-- content panes: title is tab name, load content remotely, preload --&gt;
      &lt;div dojoType="dijit.layout.ContentPane" title="SomeBand" href="some-page.html" preload="true"&gt;
        &lt;p&gt;Lorem ipsum...&lt;/p&gt;
      &lt;/div&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;  
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>