Author: paul.bakaus
Date: Tue Dec 23 07:39:01 2008
New Revision: 1252
Modified:
trunk/demos/index.html
Log:
demos: modified overview file to use the website markup
Modified: trunk/demos/index.html
==============================================================================
--- trunk/demos/index.html (original)
+++ trunk/demos/index.html Tue Dec 23 07:39:01 2008
@@ -25,24 +25,62 @@
</script>
</head>
<body>
+<table cellspacing="0" cellpadding="0" class="layout-grid" id="functional">
+ <tr>
+ <td class="left-nav">
+ <div class="section" style="border:0; width:155px;">
+ <p class="side-menu-title">Interactions
+ <div id="links" class="normal" style="width:100%;">
+ <ul class="component-links">
+ <li><a href="draggable/index.html">Draggable</a></li>
+ <li><a href="droppable/index.html">Droppable</a></li>
+ <li><a href="resizable/index.html">Resizable</a></li>
+ <li><a href="selectable/index.html">Selectable</a></li>
+ <li><a href="sortable/index.html">Sortable</a></li>
+ </ul>
+ </div>
+ <br style="clear:both;">
+ </div>
+ <div class="section" style="border:0;">
+ <p class="side-menu-title">Widgets
+ <div id="links" class="normal">
+ <ul class="component-links">
+ <li><a href="accordion/index.html">Accordion</a></li>
+ <li><a href="datepicker/index.html">Datepicker</a></li>
+ <li><a href="dialog/index.html">Dialog</a></li>
+ <li><a href="progressbar/index.html">Progressbar</a></li>
+ <li><a href="slider/index.html">Slider</a></li>
+ <li><a href="tabs/index.html">Tabs</a></li>
+ </ul>
+ </div>
+ <br style="clear:both;">
+ </div>
+ <div class="section" style="border:0;">
+ <p class="side-menu-title">Effects
+ <div id="links" class="normal">
+ <ul class="component-links">
+ <li><a href="#">Easing</a></li>
+ <li><a href="#">General</a></li>
+ <li><a href="#">Show/Hide</a></li>
+ </ul>
+ </div>
-<dl class="nav">
- <dt>Interactions</dt>
- <dd><a href="draggable/index.html">Draggable</a></dd>
- <dd><a href="droppable/index.html">Droppable</a></dd>
- <dd><a href="resizable/index.html">Resizable</a></dd>
- <dd><a href="selectable/index.html">Selectable</a></dd>
- <dd><a href="sortable/index.html">Sortable</a></dd>
- <dt>Widgets</dt>
- <dd><a href="accordion/index.html">Accordion</a></dd>
- <dd><a href="datepicker/index.html">Datepicker</a></dd>
- <dd><a href="dialog/index.html">Dialog</a></dd>
- <dd><a href="progressbar/index.html">Progressbar</a></dd>
- <dd><a href="slider/index.html">Slider</a></dd>
- <dd><a href="tabs/index.html">Tabs</a></dd>
- <dt>Effects</dt>
- <dd>...</dd>
-</dl>
+ <br style="clear:both;">
+ <br style="clear:both;">
+ </div>
+ </td>
+ <td class="normal">
+
+ <div class="normal" id="containerDemo">
+ <h3>Instructions</h3>
+
+ The functional demos are provided to give users an idea of how jQuery
UI works. You only need to copy and paste code from the demos. Have fun
playing with it.
+
+ </div>
+
+ </td>
+ </tr>
+</table>
</body>
</html>