git.infodrom.org Git - infodrom/rico3/blob - examples/dotnet/menu.aspx

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