1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
\r
4 <title>Rico 3.0</title>
\r
5 <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
\r
6 <base target="content">
\r
8 <script src="../../ricoClient/js/baselibs/prototype.js" type="text/javascript"></script>
\r
9 <script src="../../ricoClient/js/rico.js" type="text/javascript"></script>
\r
10 <script src="../../ricoClient/js/rico2Proto.js" type="text/javascript"></script>
\r
11 <script src="../../ricoClient/js/ricoUI.js" type="text/javascript"></script>
\r
12 <link href="../../ricoClient/css/rico.css" type="text/css" rel="stylesheet" />
\r
14 <script src="../menu.js" type="text/javascript"></script>
\r
15 <link href="../menu.css" type="text/css" rel="stylesheet">
\r
18 <style type="text/css">
\r
30 <p>Rico <span id='RicoVersion'></span> <span id='RicoDir'></span> Demo</p>
\r
34 <form action='' method='get' id='form1'>
\r
36 <li id='demolist'>Example: <span id='demospan'></span>
\r
37 <li>Theme: <span id='themespan'></span><input type='hidden' name='theme' id='theme' value=''>
\r
38 <li>Base Lib: <span id='libspan'></span><input type='hidden' name='lib' id='lib' value=''>
\r
39 <li><input type='checkbox' name='log'> Enable logging
\r
45 <div id="accordion1">
\r
48 <div>Choose the Example</div>
\r
51 <li><a id="demo_widgets.asp">Rico Widget Overview</a>
\r
52 <li><a id="demo_ex1.asp">LiveGrid sourced from HTML table</a>
\r
53 <li><a id="demo_ex2xml.asp">LiveGrid sourced from SQL database (xml)</a>
\r
54 <li><a id="demo_ex2json.asp">LiveGrid sourced from SQL database (json)</a>
\r
55 <li><a id="demo_ShipperEdit.asp">Editable LiveGrid (Shippers)</a>
\r
56 <li><a id="demo_ex2editfilter.asp">Editable LiveGrid (Orders)</a> - select customer on new order via tree
\r
57 <li><a id="demo_ex2editfilterKW.asp">Editable LiveGrid (Orders)</a> - select customer on new order via search box
\r
58 <li><a id="demo_ex2nosession.asp">Editable LiveGrid without session vars</a>
\r
60 <li><a id="demo_photos.asp">LiveGrid sourced from flickr</a>
\r
62 <li><a id="demo_simplegrid.asp">SimpleGrid</a>
\r
63 <li><a id="demo_tree1.asp">Tree control</a>
\r
64 <li><a id="demo_RicoDbViewer.asp">Northwind data browser</a>
\r
70 <div>Choose the Theme</div>
\r
74 <td>Themeroller<br>Themes</td><td>Rico<br>Themes</td>
\r
81 <li><a id="theme_j-ui-lightness"><img src="../images/themeroller/theme_30_ui_light.png" alt="UI Lightness" title="UI Lightness" />
\r
82 <br><span class="themeName">UI lightness</span></a></li>
\r
84 <li><a id="theme_j-ui-darkness"><img src="../images/themeroller/theme_30_ui_dark.png" alt="UI Darkness" title="UI Darkness" />
\r
85 <br><span class="themeName">UI darkness</span></a></li>
\r
87 <li><a id="theme_j-smoothness"><img src="../images/themeroller/theme_30_smoothness.png" alt="Smoothness" title="Smoothness" />
\r
88 <br><span class="themeName">Smoothness</span></a></li>
\r
90 <li><a id="theme_j-start"><img src="../images/themeroller/theme_30_start_menu.png" alt="Start" title="Start" />
\r
91 <br><span class="themeName">Start</span></a></li>
\r
93 <li><a id="theme_j-redmond"><img src="../images/themeroller/theme_30_windoze.png" alt="Redmond" title="Redmond" />
\r
94 <br><span class="themeName">Redmond</span></a></li>
\r
96 <li><a id="theme_j-sunny"><img src="../images/themeroller/theme_30_sunny.png" alt="Sunny" title="Sunny" />
\r
97 <br><span class="themeName">Sunny</span></a></li>
\r
99 <li><a id="theme_j-overcast"><img src="../images/themeroller/theme_30_overcast.png" alt="Overcast" title="Overcast" />
\r
100 <br><span class="themeName">Overcast</span></a></li>
\r
102 <li><a id="theme_j-le-frog"><img src="../images/themeroller/theme_30_le_frog.png" alt="Le Frog" title="Le Frog" />
\r
103 <br><span class="themeName">Le Frog</span></a></li>
\r
105 <li><a id="theme_j-flick"><img src="../images/themeroller/theme_30_flick.png" alt="Flick" title="Flick" />
\r
106 <br><span class="themeName">Flick</span></a></li>
\r
108 <li><a id="theme_j-pepper-grinder"><img src="../images/themeroller/theme_30_pepper_grinder.png" alt="Pepper Grinder" title="Pepper Grinder" />
\r
109 <br><span class="themeName">Pepper Grinder</span></a></li>
\r
111 <li><a id="theme_j-eggplant"><img src="../images/themeroller/theme_30_eggplant.png" alt="Eggplant" title="Eggplant" />
\r
112 <br><span class="themeName">Eggplant</span></a></li>
\r
114 <li><a id="theme_j-dark-hive"><img src="../images/themeroller/theme_30_dark_hive.png" alt="Dark Hive" title="Dark Hive" />
\r
115 <br><span class="themeName">Dark Hive</span></a></li>
\r
117 <li><a id="theme_j-cupertino"><img src="../images/themeroller/theme_30_cupertino.png" alt="Cupertino" title="Cupertino" />
\r
118 <br><span class="themeName">Cupertino</span></a></li>
\r
120 <li><a id="theme_j-south-street"><img src="../images/themeroller/theme_30_south_street.png" alt="South St" title="South St" />
\r
121 <br><span class="themeName">South Street</span></a></li>
\r
123 <li><a id="theme_j-blitzer"><img src="../images/themeroller/theme_30_blitzer.png" alt="Blitzer" title="Blitzer" />
\r
124 <br><span class="themeName">Blitzer</span></a></li>
\r
126 <li><a id="theme_j-humanity"><img src="../images/themeroller/theme_30_humanity.png" alt="Humanity" title="Humanity" />
\r
127 <br><span class="themeName">Humanity</span></a></li>
\r
129 <li><a id="theme_j-hot-sneaks"><img src="../images/themeroller/theme_30_hot_sneaks.png" alt="Hot Sneaks" title="Hot Sneaks" />
\r
130 <br><span class="themeName">Hot sneaks</span></a></li>
\r
132 <li><a id="theme_j-excite-bike"><img src="../images/themeroller/theme_30_excite_bike.png" alt="Excite Bike" title="Excite Bike" />
\r
133 <br><span class="themeName">Excite Bike</span></a></li>
\r
135 <li><a id="theme_j-vader"><img src="../images/themeroller/theme_30_black_matte.png" alt="Vader" title="Vader" />
\r
136 <br><span class="themeName">Vader</span></a></li>
\r
138 <li><a id="theme_j-dot-luv"><img src="../images/themeroller/theme_30_dot_luv.png" alt="Dot Luv" title="Dot Luv" />
\r
139 <br><span class="themeName">Dot Luv</span></a></li>
\r
141 <li><a id="theme_j-mint-choc"><img src="../images/themeroller/theme_30_mint_choco.png" alt="Mint Choc" title="Mint Choc" />
\r
142 <br><span class="themeName">Mint Choc</span></a></li>
\r
144 <li><a id="theme_j-black-tie"><img src="../images/themeroller/theme_30_black_tie.png" alt="Black Tie" title="Black Tie" />
\r
145 <br><span class="themeName">Black Tie</span></a></li>
\r
147 <li><a id="theme_j-trontastic"><img src="../images/themeroller/theme_30_trontastic.png" alt="Trontastic" title="Trontastic" />
\r
148 <br><span class="themeName">Trontastic</span></a></li>
\r
150 <li><a id="theme_j-swanky-purse"><img src="../images/themeroller/theme_30_swanky_purse.png" alt="Swanky Purse" title="Swanky Purse" />
\r
151 <br><span class="themeName">Swanky Purse</span></a></li>
\r
158 <li><a id='theme_r-greenHdg'>Green Heading</a></li>
\r
159 <li><a id='theme_r-warmfall'>Warm Fall</a></li>
\r
160 <li><a id='theme_r-seaglass'>Sea Glass</a></li>
\r
161 <li><a id='theme_r-coffee-with-milk'>Coffee with milk</a></li>
\r
162 <li><a id='theme_r-grayedout'>Grayed out</a></li>
\r
174 <div>Choose the Base Library</div>
\r
177 <li><a id='lib_proto'>Prototype</a>
\r
178 <li><a id='lib_jquery'>jQuery</a>
\r
179 <li><a id='lib_moo'>MooTools</a>
\r
180 <li><a id='lib_dojo'>dojo</a>
\r
181 <li><a id='lib_ext'>Ext</a>
\r
182 <li><a id='lib_glow'>Glow</a>
\r