Changes to Rico 3 as a result of regression testing with IE6, IE7, and IE8.
[infodrom/rico3] / examples / dotnet / menu.aspx
1 <%@ Page Language="VB" ResponseEncoding="iso-8859-1" %>\r
2 <%@ Register TagPrefix="Rico" Assembly="Rico" NameSpace="Rico" %>\r
3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">\r
4 <html>\r
5 <head>\r
6 <title>Rico 3.0</title>\r
7 <meta http-equiv="Content-Type" content="text/html;charset=utf-8">\r
8 <base target="content">\r
9 \r
10 <Rico:LoadClient noTheme='' runat='server' />\r
11 \r
12 <script src="../menu.js" type="text/javascript"></script>\r
13 <link href="../menu.css" type="text/css" rel="stylesheet">\r
14 \r
15 <!--[if lt IE 7]>\r
16   <style type="text/css">\r
17 ul li {
18    height: 1%;\r
19 }
20  </style>\r
21 <![endif]-->\r
22 </head>\r
23 \r
24 \r
25 <body>\r
26 \r
27 <div id="menuheader">
28 <p>Rico <span id='RicoVersion'></span> <span id='RicoDir'></span> Demo</p>\r
29 </div>
30 \r
31 <div class='top'>\r
32 <form action='' method='get' id='form1'>\r
33 <ul>\r
34 <li id='demolist'>Example: <span id='demospan'></span>\r
35 <li>Theme: <span id='themespan'></span><input type='hidden' name='theme' id='theme' value=''>\r
36 <li>Base Lib: <span id='libspan'></span><input type='hidden' name='lib' id='lib' value=''>\r
37 <li><input type='checkbox' name='log'>&nbsp; Enable logging\r
38 </ul>\r
39 </form>\r
40 </div>\r
41 \r
42 \r
43 <div id="accordion1">\r
44 \r
45 <div>\r
46   <div>Choose the Example</div>\r
47   <div>\r
48 <ul>\r
49 <li><a id="demo_widgets.aspx">Rico Widget Overview</a>\r
50 <li><a id="demo_ex1.aspx">LiveGrid sourced from HTML table</a>\r
51 <li><a id="demo_ex2xml.aspx">LiveGrid sourced from SQL database (xml)</a>\r
52 <li><a id="demo_ex2json.aspx">LiveGrid sourced from SQL database (json)</a>\r
53 <li><a id="demo_3grids.aspx">3 grids with drill-down</a>\r
54 <li><a id="demo_ShipperEdit.aspx">Editable LiveGrid (Shippers)</a>\r
55 <li><a id="demo_employees.aspx">Editable LiveGrid (Employees)</a>\r
56 <li><a id="demo_ex2editfilter.aspx">Editable LiveGrid (Orders)</a>\r
57 <li><a id="demo_ex2nosession.aspx">Editable LiveGrid without session vars</a>\r
58 <li><a id="demo_photos.aspx">LiveGrid sourced from flickr</a>\r
59 <li><a id="demo_simplegrid.aspx">SimpleGrid</a>\r
60 <li><a id="demo_tree1.aspx">Tree control</a>\r
61 <li><a id="demo_RicoDbViewer.aspx">Northwind data browser</a>\r
62 </ul>\r
63   </div>\r
64 </div>\r
65 \r
66 <div>\r
67   <div>Choose the Theme</div>\r
68   <div>\r
69   <table border='0'>\r
70   <tr>\r
71   <td>Themeroller<br>Themes</td><td>Rico<br>Themes</td>\r
72   </tr>\r
73   <tr valign='top'>\r
74   <td>\r
75 \r
76     <ul>\r
77 <li><a id="theme_j-ui-lightness"><img src="../images/themeroller/theme_30_ui_light.png" alt="UI Lightness" title="UI Lightness" />\r
78 <br><span class="themeName">UI lightness</span></a></li>\r
79 \r
80 <li><a id="theme_j-ui-darkness"><img src="../images/themeroller/theme_30_ui_dark.png" alt="UI Darkness" title="UI Darkness" />\r
81 <br><span class="themeName">UI darkness</span></a></li>\r
82 \r
83 <li><a id="theme_j-smoothness"><img src="../images/themeroller/theme_30_smoothness.png" alt="Smoothness" title="Smoothness" />\r
84 <br><span class="themeName">Smoothness</span></a></li>\r
85 \r
86 <li><a id="theme_j-start"><img src="../images/themeroller/theme_30_start_menu.png" alt="Start" title="Start" />\r
87 <br><span class="themeName">Start</span></a></li>\r
88 \r
89 <li><a id="theme_j-redmond"><img src="../images/themeroller/theme_30_windoze.png" alt="Redmond" title="Redmond" />\r
90 <br><span class="themeName">Redmond</span></a></li>\r
91 \r
92 <li><a id="theme_j-sunny"><img src="../images/themeroller/theme_30_sunny.png" alt="Sunny" title="Sunny" />\r
93 <br><span class="themeName">Sunny</span></a></li>\r
94 \r
95 <li><a  id="theme_j-overcast"><img src="../images/themeroller/theme_30_overcast.png" alt="Overcast" title="Overcast" />\r
96 <br><span class="themeName">Overcast</span></a></li>\r
97 \r
98 <li><a  id="theme_j-le-frog"><img src="../images/themeroller/theme_30_le_frog.png" alt="Le Frog" title="Le Frog" />\r
99 <br><span class="themeName">Le Frog</span></a></li>\r
100 \r
101 <li><a  id="theme_j-flick"><img src="../images/themeroller/theme_30_flick.png" alt="Flick" title="Flick" />\r
102 <br><span class="themeName">Flick</span></a></li>\r
103 \r
104 <li><a  id="theme_j-pepper-grinder"><img src="../images/themeroller/theme_30_pepper_grinder.png" alt="Pepper Grinder" title="Pepper Grinder" />\r
105 <br><span class="themeName">Pepper Grinder</span></a></li>\r
106 \r
107 <li><a  id="theme_j-eggplant"><img src="../images/themeroller/theme_30_eggplant.png" alt="Eggplant" title="Eggplant" />\r
108 <br><span class="themeName">Eggplant</span></a></li>\r
109 \r
110 <li><a  id="theme_j-dark-hive"><img src="../images/themeroller/theme_30_dark_hive.png" alt="Dark Hive" title="Dark Hive" />\r
111 <br><span class="themeName">Dark Hive</span></a></li>\r
112 \r
113 <li><a  id="theme_j-cupertino"><img src="../images/themeroller/theme_30_cupertino.png" alt="Cupertino" title="Cupertino" />\r
114 <br><span class="themeName">Cupertino</span></a></li>\r
115 \r
116 <li><a  id="theme_j-south-street"><img src="../images/themeroller/theme_30_south_street.png" alt="South St" title="South St" />\r
117 <br><span class="themeName">South Street</span></a></li>\r
118 \r
119 <li><a  id="theme_j-blitzer"><img src="../images/themeroller/theme_30_blitzer.png" alt="Blitzer" title="Blitzer" />\r
120 <br><span class="themeName">Blitzer</span></a></li>     \r
121 \r
122 <li><a  id="theme_j-humanity"><img src="../images/themeroller/theme_30_humanity.png" alt="Humanity" title="Humanity" />\r
123 <br><span class="themeName">Humanity</span></a></li>\r
124 \r
125 <li><a  id="theme_j-hot-sneaks"><img src="../images/themeroller/theme_30_hot_sneaks.png" alt="Hot Sneaks" title="Hot Sneaks" />\r
126 <br><span class="themeName">Hot sneaks</span></a></li>\r
127 \r
128 <li><a  id="theme_j-excite-bike"><img src="../images/themeroller/theme_30_excite_bike.png" alt="Excite Bike" title="Excite Bike" />\r
129 <br><span class="themeName">Excite Bike</span></a></li>\r
130 \r
131 <li><a  id="theme_j-vader"><img src="../images/themeroller/theme_30_black_matte.png" alt="Vader" title="Vader" />\r
132 <br><span class="themeName">Vader</span></a></li>\r
133 \r
134 <li><a  id="theme_j-dot-luv"><img src="../images/themeroller/theme_30_dot_luv.png" alt="Dot Luv" title="Dot Luv" />\r
135 <br><span class="themeName">Dot Luv</span></a></li>\r
136 \r
137 <li><a  id="theme_j-mint-choc"><img src="../images/themeroller/theme_30_mint_choco.png" alt="Mint Choc" title="Mint Choc" />\r
138 <br><span class="themeName">Mint Choc</span></a></li>\r
139 \r
140 <li><a  id="theme_j-black-tie"><img src="../images/themeroller/theme_30_black_tie.png" alt="Black Tie" title="Black Tie" />\r
141 <br><span class="themeName">Black Tie</span></a></li>\r
142 \r
143 <li><a  id="theme_j-trontastic"><img src="../images/themeroller/theme_30_trontastic.png" alt="Trontastic" title="Trontastic" />\r
144 <br><span class="themeName">Trontastic</span></a></li>\r
145 \r
146 <li><a  id="theme_j-swanky-purse"><img src="../images/themeroller/theme_30_swanky_purse.png" alt="Swanky Purse" title="Swanky Purse" />\r
147 <br><span class="themeName">Swanky Purse</span></a></li>\r
148     </ul>\r
149 \r
150     </td><td>\r
151 \r
152     <ul>\r
153   <li><a id='theme_r-greenHdg'>Green Heading</a></li>\r
154   <li><a id='theme_r-warmfall'>Warm Fall</a></li>\r
155   <li><a id='theme_r-seaglass'>Sea Glass</a></li>\r
156   <li><a id='theme_r-coffee-with-milk'>Coffee with milk</a></li>\r
157   <li><a id='theme_r-grayedout'>Grayed out</a></li>\r
158     </ul>\r
159 \r
160   </td>\r
161   </tr>\r
162   </table>\r
163 \r
164 \r
165   </div>\r
166 </div>\r
167 \r
168 <div>\r
169   <div>Choose the Base Library</div>\r
170   <div>\r
171 <ul>\r
172 <li><a id='lib_prototype/1.6/prototype.js'>Prototype 1.6</a>\r
173 <li><a id='lib_prototype/1.7/prototype.js'>Prototype 1.7</a>\r
174 <li><a id='lib_jquery/1.3/jquery.min.js'>jQuery 1.3</a>\r
175 <li><a id='lib_jquery/1.4/jquery.min.js'>jQuery 1.4</a>\r
176 <li><a id='lib_jquery/1.5/jquery.min.js'>jQuery 1.5</a>\r
177 <li><a id='lib_mootools/1.2/mootools-yui-compressed.js'>MooTools 1.2</a>\r
178 <li><a id='lib_mootools/1.3/mootools-yui-compressed.js'>MooTools 1.3</a>\r
179 <li><a id='lib_dojo/1.4/dojo/dojo.xd.js'>dojo 1.4</a>\r
180 <li><a id='lib_dojo/1.5/dojo/dojo.xd.js'>dojo 1.5</a>\r
181 <li><a id='lib_ext-core/3.0/ext-core.js'>Ext 3.0</a>\r
182 <li><a id='lib_ext-core/3.1/ext-core.js'>Ext 3.1</a>\r
183 </ul>\r
184   </div>\r
185 </div>\r
186 \r
187 </div>\r
188 </body></html>\r