<html>
<head>
<title>Dialog</title>
<Meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
@import "js/dojo/resources/dojo.css";
@import "js/dijit/themes/tundra/tundra.css";
</style>
<script type="text/javascript"
djConfig="parSEOnLoad: true,isDebug: false"
src="js/dojo/dojo.js">
</script>
<script type="text/javascript">
dojo.require("dijit.Dialog");
dojo.require("dijit.form.Button");
</script>
</head>
<body class="tundra">
<div dojoType="dijit.form.DropDownButton">
<div id="nav1" style="float:left;">
<img src="Columns.png" width="16" height="16" style="vertical-align:middle;"/> Select Columns</div>
<div dojoType="dijit.TooltipDialog" id="tooltipDlg" >
<form onsubmit="return false;">
<table>
<tr>
<td><input type="checkBox"/>
column1</td>
<td><input type="checkBox"/>
column2</td>
<td><input type="checkBox"/>
column1</td>
<td><input type="checkBox"/>
column2</td>
<td><input type="checkBox"/>
column1</td>
<td><input type="checkBox"/>
column2</td>
</tr>
<tr>
<td><input type="checkBox"/>
column1</td>
<td><input type="checkBox"/>
column2</td>
<td><input type="checkBox"/>
column1</td>
<td><input type="checkBox"/>
column2</td>
<td><input type="checkBox"/>
column1</td>
<td><input type="checkBox"/>
column2</td>
</tr>
<tr>
<td><button id="hider2">Confirm</button></td>
<td><button id="hider2">Cancel</button></td>
<td><button id="hider2">Reset</button></td>
<td><button id="hider2">Close</button></td>
<td></td>
<td></td>
</tr>
</table>
</form>
</div>
</div>
<div dojoType="dijit.form.DropDownButton">
<div id="nav2" style="float:left;">
<img src="exportExcel.png" width="16" height="16" style="vertical-align:middle;"/>export Excel</div>
<div dojoType="dijit.TooltipDialog" id="tooltipDlg1">
<form onsubmit="return false;">
<table>
<tr>
<td><input type="checkBox"/>
column1</td>
<td><input type="checkBox"/>
column2</td>
<td><input type="checkBox"/>
column1</td>
<td><input type="checkBox"/>
column2</td>
<td><input type="checkBox"/>
column1</td>
<td><input type="checkBox"/>
column2</td>
</tr>
<tr>
<td><input type="checkBox"/>
column1</td>
<td><input type="checkBox"/>
column2</td>
<td><input type="checkBox"/>
column1</td>
<td><input type="checkBox"/>
column2</td>
<td><input type="checkBox"/>
column1</td>
<td><input type="checkBox"/>
column2</td>
</tr>
<tr>
<td><button id="hider2">Confirm</button></td>
<td><button id="hider2">Cancel</button></td>
<td><button id="hider2">Reset</button></td>
<td><button id="hider2">Close</button></td>
<td></td>
<td></td>
</tr>
</table>
</form>
</div>
</div>
<br>
</body> </html>