Dojo Layout Sample

by rastrano

HTML

<link rel="stylesheet" href="      &lt;link rel=&quot;stylhttp://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css">
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//ENhttp://www.w3.org/TR/html4/stric\
t.dtd> 
<html xmlns:html="http://www.w3.org/1999/xhtml"> 
  <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta> 
  <title>Dojo Layout</title> 
   <!-- a Dijit theme: --> 
   <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css" /> 
   <style> 
     body, html { width:100%; height:100%; margin:0; padding:0; } 
   </style> 
  </head> 
  <body class="claro"> 
    <div dojoType="dijit.layout.BorderContainer"  style="width:100%; height:100%;" gutters="true" region="top"
                                liveSplitters="true" id="layoutPriorityBorderContainer_">
        <div dojoType="dijit.layout.ContentPane" splitter="true" region="top"
             layoutPriority="1" style="width: 100%;">
            <div><h2> Visualizza iscritti </h2>
                <div style='margin-left:30px; margin-right:30px; margin-top:30px; margin-botton:30px; text-align:center;'>

                    <div dojoType="dijit.form.Form" id="form_{contId}">
                        <input type="hidden" name="id" id="id__{contId}" value="-"/>
                        <fieldset>
                            <legend>Ricerca</legend>

                            <div class="formfield">
                                <label class="netform" for="gender_{contId}">Sesso : </label> 
                                <span class="formfieldinput">   
                                    <select promptMessage="" name="gender" id='gender_{contId}' dojoType="dijit.form.FilteringSelect">
                                        <option value="0">-</option>
                                        <option value="1">Maschile</option>
                                        <option value="2">Femminile</option>
                  ...

JavaScript

//dojo.require("dojox.widget.gauge.AnalogLineIndicator");
            dojo.require("dijit.layout.ContentPane");
            dojo.require("dijit.layout.BorderContainer");
dojo.addOnLoad(function() {
    dojo.parser.parse();
   dijit.byId('layoutPriorityBorderContainer_').startup();
    alert(  dijit.byId('layoutPriorityBorderContainer_').startup() );

});