Author: ito
Date: Wed Jan 27 16:07:27 2010
New Revision: 903707

URL: http://svn.apache.org/viewvc?rev=903707&view=rev
Log:
update documentation based on changes from CLEREZZA-77

Modified:
    
incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel-thumbnail.xhtml
    
incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel-tree.xhtml
    
incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel.xhtml
    
incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/style/demo.css

Modified: 
incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel-thumbnail.xhtml
URL: 
http://svn.apache.org/viewvc/incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel-thumbnail.xhtml?rev=903707&r1=903706&r2=903707&view=diff
==============================================================================
--- 
incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel-thumbnail.xhtml
 (original)
+++ 
incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel-thumbnail.xhtml
 Wed Jan 27 16:07:27 2010
@@ -124,101 +124,101 @@
 </div>
 <!-- // header -->
 
-<!-- content -->
-<div id="tx-content">
 
-       <!-- panel -->
-       <div class="tx-panel">
-       <!-- open-close button, jquery.panel.js, toggles in the tx-edit, 
tx-tree, tx-list the tx-show-panel and tx-hide-panel classes -->
-               <a href="#" 
class="tx-panel-open-close">close/open</a><h3>Filter</h3>
-               
-               <div class="tx-panel-window">
-                       <!-- panel icons -->
-                       <div class="tx-tab">
-                       
-                       </div>
-                       
-                       <div class="tx-panel-detail">
-                               <div>
-                                       <form action="" method="post">
-                                               <fieldset>
-                                                       <label>
-                                                               <input 
type="submit" value="" class="tx-icon tx-icon-search"/>
-                                                               <input 
type="text" value="search assets" />
-                                                               
-                                                       </label>
-                                               </fieldset>
-                                       </form>
-                                       <!-- selected filter elements -->
-                                       <div class="tx-filter">
-                                       
-                                               <h4><a href="#" class="tx-icon 
tx-icon-delete">clear all</a><a href="">Clear All</a>Current filter:</h4>
-                                               <ol>
-                                                       <!-- filter elements, 
tx-icon is floating right, must be at the first place -->
-                                                       <li><a href="#" 
class="tx-icon tx-icon-delete">remove</a>Tiger</li>
-                                                       <li><a href="#" 
class="tx-icon tx-icon-delete">remove</a>Last Week</li>
-                                               </ol>
-                                       </div> 
-                                       
-                                       <!-- results from filter -->
-                                       <div class="tx-result">
-                                       <!-- ul li contruct, only 2 levels 
supported -->
-                                               <ol>
-                                                       <!-- main category-->
-                                                       <li><a href="#">Type</a>
-                                                               <ol>
-                                                                       <!-- 
sub category -->
-                                                                       <li><a 
href="#">Images (234)</a></li>
-                                                                       <li><a 
href="#">Videos (20)</a></li>
-                                                                       <li><a 
href="#">Flash (45)</a></li>
-                                                                       <li><a 
href="#">Documents (234)</a></li>
-                                                                       <li><a 
href="#">Images (234)</a></li>
-                                                               </ol>
-                                                       </li>
-                                                       <!-- tx-open, open 
element icon, arrow down-->
-                                                       <li class="tx-open"><a 
href="#">Taxonomy</a>
-                                                               <ol>
-                                                                       <li><a 
href="#">Images (234)</a></li>
-                                                                       <li><a 
href="#">Videos (20)</a></li>
-                                                               </ol>
-                                                       </li>
-                                                       <!-- li default shows 
an right arrow as background -->
-                                                       <li><a href="#">Tags</a>
-                                                               <ol>
-                                                                       <li><a 
href="#">Tiger (48)</a></li>
-                                                                       <li><a 
href="#">Animal (80)</a></li>
-                                                                       <li><a 
href="#">Africa (784)</a></li>
-                                                               </ol>
-                                                       </li>
-                                                       <li><a 
href="#">Usage</a>
-                                                               <ol>
-                                                                       <li><a 
href="#">Website (20)</a></li>
-                                                                       <li><a 
href="#">News (14)</a></li>
-                                                               </ol>
-                                                       </li>
-                                                       <li><a href="#">Time</a>
-                                                               <ol>
-                                                                       <li><a 
href="#">Yesterday (20)</a></li>
-                                                                       <li><a 
href="#">Last Week (14)</a></li>
-                                                                       <li><a 
href="#">Last Month (23)</a></li>
-                                                               </ol>
-                                                       </li>
-                                                       <li><a 
href="#">Source</a>
-                                                               <ol>
-                                                                       <li><a 
href="#">Flickr (14)</a></li>
-                                                                       <li><a 
href="#">Youtube (8)</a></li>
-                                                               </ol>
-                                                       </li>
-                                               </ol>
-                                       </div>
-                                       <!-- // tx-result -->
+<!-- panel -->
+<div class="tx-panel">
+<!-- open-close button, jquery.panel.js, toggles in the tx-edit, tx-tree, 
tx-list the tx-show-panel and tx-hide-panel classes -->
+       <a href="#" class="tx-panel-open-close">close/open</a><h3>Filter</h3>
+
+       <div class="tx-panel-window">
+               <!-- panel icons -->
+               <div class="tx-tab-buttons">
+
+               </div>
+
+               <div class="tx-panel-tabs">
+                       <div>
+                               <form action="" method="post">
+                                       <fieldset>
+                                               <label>
+                                                       <input type="submit" 
value="" class="tx-icon tx-icon-search"/>
+                                                       <input type="text" 
value="search assets" />
+
+                                               </label>
+                                       </fieldset>
+                               </form>
+                               <!-- selected filter elements -->
+                               <div class="tx-filter">
+
+                                       <h4><a href="#" class="tx-icon 
tx-icon-delete">clear all</a><a href="">Clear All</a>Current filter:</h4>
+                                       <ol>
+                                               <!-- filter elements, tx-icon 
is floating right, must be at the first place -->
+                                               <li><a href="#" class="tx-icon 
tx-icon-delete">remove</a>Tiger</li>
+                                               <li><a href="#" class="tx-icon 
tx-icon-delete">remove</a>Last Week</li>
+                                       </ol>
+                               </div>
+
+                               <!-- results from filter -->
+                               <div class="tx-result">
+                               <!-- ul li contruct, only 2 levels supported -->
+                                       <ol>
+                                               <!-- main category-->
+                                               <li><a href="#">Type</a>
+                                                       <ol>
+                                                               <!-- sub 
category -->
+                                                               <li><a 
href="#">Images (234)</a></li>
+                                                               <li><a 
href="#">Videos (20)</a></li>
+                                                               <li><a 
href="#">Flash (45)</a></li>
+                                                               <li><a 
href="#">Documents (234)</a></li>
+                                                               <li><a 
href="#">Images (234)</a></li>
+                                                       </ol>
+                                               </li>
+                                               <!-- tx-open, open element 
icon, arrow down-->
+                                               <li class="tx-open"><a 
href="#">Taxonomy</a>
+                                                       <ol>
+                                                               <li><a 
href="#">Images (234)</a></li>
+                                                               <li><a 
href="#">Videos (20)</a></li>
+                                                       </ol>
+                                               </li>
+                                               <!-- li default shows an right 
arrow as background -->
+                                               <li><a href="#">Tags</a>
+                                                       <ol>
+                                                               <li><a 
href="#">Tiger (48)</a></li>
+                                                               <li><a 
href="#">Animal (80)</a></li>
+                                                               <li><a 
href="#">Africa (784)</a></li>
+                                                       </ol>
+                                               </li>
+                                               <li><a href="#">Usage</a>
+                                                       <ol>
+                                                               <li><a 
href="#">Website (20)</a></li>
+                                                               <li><a 
href="#">News (14)</a></li>
+                                                       </ol>
+                                               </li>
+                                               <li><a href="#">Time</a>
+                                                       <ol>
+                                                               <li><a 
href="#">Yesterday (20)</a></li>
+                                                               <li><a 
href="#">Last Week (14)</a></li>
+                                                               <li><a 
href="#">Last Month (23)</a></li>
+                                                       </ol>
+                                               </li>
+                                               <li><a href="#">Source</a>
+                                                       <ol>
+                                                               <li><a 
href="#">Flickr (14)</a></li>
+                                                               <li><a 
href="#">Youtube (8)</a></li>
+                                                       </ol>
+                                               </li>
+                                       </ol>
                                </div>
+                               <!-- // tx-result -->
                        </div>
-                       <!-- // tx-panel-detail -->
-               </div>  
-               <!-- // tx-panel-window -->
-       </div>  
-       <!-- // panel -->
+               </div>
+               <!-- // tx-panel-detail -->
+       </div>
+       <!-- // tx-panel-window -->
+</div>
+<!-- // panel -->
+<!-- content -->
+<div id="tx-content">
 
        <!-- list / thumbnail -->       
        <!-- tx-show-panel, left padding with a panel (if panel is available) 
-->

Modified: 
incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel-tree.xhtml
URL: 
http://svn.apache.org/viewvc/incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel-tree.xhtml?rev=903707&r1=903706&r2=903707&view=diff
==============================================================================
--- 
incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel-tree.xhtml
 (original)
+++ 
incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel-tree.xhtml
 Wed Jan 27 16:07:27 2010
@@ -134,101 +134,101 @@
 </div>
 <!-- // header -->
 
-<!-- content -->
-<div id="tx-content">
+<!-- panel -->
+<div class="tx-panel">
+<!-- open-close button, jquery.panel.js, toggles in the tx-edit, tx-tree, 
tx-list the tx-show-panel and tx-hide-panel classes -->
+       <a href="#" class="tx-panel-open-close">close/open</a><h3>Filter</h3>
 
-       <!-- panel -->
-       <div class="tx-panel">
-       <!-- open-close button, jquery.panel.js, toggles in the tx-edit, 
tx-tree, tx-list the tx-show-panel and tx-hide-panel classes -->
-               <a href="#" 
class="tx-panel-open-close">close/open</a><h3>Filter</h3>
-               
-               <div class="tx-panel-window">
-                       <!-- panel icons -->
-                       <div class="tx-tab">
-                       
-                       </div>
-                       
-                       <div class="tx-panel-detail">
-                               <div>
-                                       <form action="" method="post">
-                                               <fieldset>
-                                                       <label>
-                                                               <input 
type="submit" value="" class="tx-icon tx-icon-search"/>
-                                                               <input 
type="text" value="search assets" />
-                                                               
-                                                       </label>
-                                               </fieldset>
-                                       </form>
-                                       <!-- selected filter elements -->
-                                       <div class="tx-filter">
-                                       
-                                               <h4><a href="#" class="tx-icon 
tx-icon-delete">clear all</a><a href="">Clear All</a>Current filter:</h4>
-                                               <ol>
-                                                       <!-- filter elements, 
tx-icon is floating right, must be at the first place -->
-                                                       <li><a href="#" 
class="tx-icon tx-icon-delete">remove</a>Tiger</li>
-                                                       <li><a href="#" 
class="tx-icon tx-icon-delete">remove</a>Last Week</li>
-                                               </ol>
-                                       </div> 
-                                       
-                                       <!-- results from filter -->
-                                       <div class="tx-result">
-                                       <!-- ul li contruct, only 2 levels 
supported -->
-                                               <ol>
-                                                       <!-- main category-->
-                                                       <li><a href="#">Type</a>
-                                                               <ol>
-                                                                       <!-- 
sub category -->
-                                                                       <li><a 
href="#">Images (234)</a></li>
-                                                                       <li><a 
href="#">Videos (20)</a></li>
-                                                                       <li><a 
href="#">Flash (45)</a></li>
-                                                                       <li><a 
href="#">Documents (234)</a></li>
-                                                                       <li><a 
href="#">Images (234)</a></li>
-                                                               </ol>
-                                                       </li>
-                                                       <!-- tx-open, open 
element icon, arrow down-->
-                                                       <li class="tx-open"><a 
href="#">Taxonomy</a>
-                                                               <ol>
-                                                                       <li><a 
href="#">Images (234)</a></li>
-                                                                       <li><a 
href="#">Videos (20)</a></li>
-                                                               </ol>
-                                                       </li>
-                                                       <!-- li default shows 
an right arrow as background -->
-                                                       <li><a href="#">Tags</a>
-                                                               <ol>
-                                                                       <li><a 
href="#">Tiger (48)</a></li>
-                                                                       <li><a 
href="#">Animal (80)</a></li>
-                                                                       <li><a 
href="#">Africa (784)</a></li>
-                                                               </ol>
-                                                       </li>
-                                                       <li><a 
href="#">Usage</a>
-                                                               <ol>
-                                                                       <li><a 
href="#">Website (20)</a></li>
-                                                                       <li><a 
href="#">News (14)</a></li>
-                                                               </ol>
-                                                       </li>
-                                                       <li><a href="#">Time</a>
-                                                               <ol>
-                                                                       <li><a 
href="#">Yesterday (20)</a></li>
-                                                                       <li><a 
href="#">Last Week (14)</a></li>
-                                                                       <li><a 
href="#">Last Month (23)</a></li>
-                                                               </ol>
-                                                       </li>
-                                                       <li><a 
href="#">Source</a>
-                                                               <ol>
-                                                                       <li><a 
href="#">Flickr (14)</a></li>
-                                                                       <li><a 
href="#">Youtube (8)</a></li>
-                                                               </ol>
-                                                       </li>
-                                               </ol>
-                                       </div>
-                                       <!-- // tx-result -->
+       <div class="tx-panel-window">
+               <!-- panel icons -->
+               <div class="tx-tab-buttons">
+
+               </div>
+
+               <div class="tx-panel-tabs">
+                       <div>
+                               <form action="" method="post">
+                                       <fieldset>
+                                               <label>
+                                                       <input type="submit" 
value="" class="tx-icon tx-icon-search"/>
+                                                       <input type="text" 
value="search assets" />
+
+                                               </label>
+                                       </fieldset>
+                               </form>
+                               <!-- selected filter elements -->
+                               <div class="tx-filter">
+
+                                       <h4><a href="#" class="tx-icon 
tx-icon-delete">clear all</a><a href="">Clear All</a>Current filter:</h4>
+                                       <ol>
+                                               <!-- filter elements, tx-icon 
is floating right, must be at the first place -->
+                                               <li><a href="#" class="tx-icon 
tx-icon-delete">remove</a>Tiger</li>
+                                               <li><a href="#" class="tx-icon 
tx-icon-delete">remove</a>Last Week</li>
+                                       </ol>
+                               </div>
+
+                               <!-- results from filter -->
+                               <div class="tx-result">
+                               <!-- ul li contruct, only 2 levels supported -->
+                                       <ol>
+                                               <!-- main category-->
+                                               <li><a href="#">Type</a>
+                                                       <ol>
+                                                               <!-- sub 
category -->
+                                                               <li><a 
href="#">Images (234)</a></li>
+                                                               <li><a 
href="#">Videos (20)</a></li>
+                                                               <li><a 
href="#">Flash (45)</a></li>
+                                                               <li><a 
href="#">Documents (234)</a></li>
+                                                               <li><a 
href="#">Images (234)</a></li>
+                                                       </ol>
+                                               </li>
+                                               <!-- tx-open, open element 
icon, arrow down-->
+                                               <li class="tx-open"><a 
href="#">Taxonomy</a>
+                                                       <ol>
+                                                               <li><a 
href="#">Images (234)</a></li>
+                                                               <li><a 
href="#">Videos (20)</a></li>
+                                                       </ol>
+                                               </li>
+                                               <!-- li default shows an right 
arrow as background -->
+                                               <li><a href="#">Tags</a>
+                                                       <ol>
+                                                               <li><a 
href="#">Tiger (48)</a></li>
+                                                               <li><a 
href="#">Animal (80)</a></li>
+                                                               <li><a 
href="#">Africa (784)</a></li>
+                                                       </ol>
+                                               </li>
+                                               <li><a href="#">Usage</a>
+                                                       <ol>
+                                                               <li><a 
href="#">Website (20)</a></li>
+                                                               <li><a 
href="#">News (14)</a></li>
+                                                       </ol>
+                                               </li>
+                                               <li><a href="#">Time</a>
+                                                       <ol>
+                                                               <li><a 
href="#">Yesterday (20)</a></li>
+                                                               <li><a 
href="#">Last Week (14)</a></li>
+                                                               <li><a 
href="#">Last Month (23)</a></li>
+                                                       </ol>
+                                               </li>
+                                               <li><a href="#">Source</a>
+                                                       <ol>
+                                                               <li><a 
href="#">Flickr (14)</a></li>
+                                                               <li><a 
href="#">Youtube (8)</a></li>
+                                                       </ol>
+                                               </li>
+                                       </ol>
                                </div>
+                               <!-- // tx-result -->
                        </div>
-                       <!-- // tx-panel-detail -->
-               </div>  
-               <!-- // tx-panel-window -->
-       </div>  
-       <!-- // panel -->
+               </div>
+               <!-- // tx-panel-detail -->
+       </div>
+       <!-- // tx-panel-window -->
+</div>
+<!-- // panel -->
+
+<!-- content -->
+<div id="tx-content">
 
        <!-- tree view -->
        <!-- aligned right -->

Modified: 
incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel.xhtml
URL: 
http://svn.apache.org/viewvc/incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel.xhtml?rev=903707&r1=903706&r2=903707&view=diff
==============================================================================
--- 
incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel.xhtml
 (original)
+++ 
incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel.xhtml
 Wed Jan 27 16:07:27 2010
@@ -15,101 +15,101 @@
 
 <body>
 
-<!-- content -->
-<div id="tx-content" class="demo">
+<!-- panel -->
+<div class="tx-panel demo" id="tx-panel">
+<!-- open-close button, jquery.panel.js, toggles in the tx-edit, tx-tree, 
tx-list the tx-show-panel and tx-hide-panel classes -->
+       <a href="#" class="tx-panel-open-close">close/open</a><h3>Filter</h3>
+
+       <div class="tx-panel-window">
+               <!-- panel icons -->
+               <div class="tx-tab-buttons">
+
+               </div>
+
+               <div class="tx-panel-tabs">
+                       <div>
+                               <form action="" method="post">
+                                       <fieldset>
+                                               <label>
+                                                       <input type="submit" 
value="" class="tx-icon tx-icon-search"/>
+                                                       <input type="text" 
value="search assets" />
+
+                                               </label>
+                                       </fieldset>
+                               </form>
+                               <!-- selected filter elements -->
+                               <div class="tx-filter">
+
+                                       <h4><a href="#" class="tx-icon 
tx-icon-delete">clear all</a><a href="">Clear All</a>Current filter:</h4>
+                                       <ol>
+                                               <!-- filter elements, tx-icon 
is floating right, must be at the first place -->
+                                               <li><a href="#" class="tx-icon 
tx-icon-delete">remove</a>Tiger</li>
+                                               <li><a href="#" class="tx-icon 
tx-icon-delete">remove</a>Last Week</li>
+                                       </ol>
+                               </div>
 
-       <!-- panel -->
-       <div class="tx-panel">
-       <!-- open-close button, jquery.panel.js, toggles in the tx-edit, 
tx-tree, tx-list the tx-show-panel and tx-hide-panel classes -->
-               <a href="#" 
class="tx-panel-open-close">close/open</a><h3>Filter</h3>
-               
-               <div class="tx-panel-window">
-                       <!-- panel icons -->
-                       <div class="tx-tab">
-                       
-                       </div>
-                       
-                       <div class="tx-panel-detail">
-                               <div>
-                                       <form action="" method="post">
-                                               <fieldset>
-                                                       <label>
-                                                               <input 
type="submit" value="" class="tx-icon tx-icon-search"/>
-                                                               <input 
type="text" value="search assets" />
-                                                               
-                                                       </label>
-                                               </fieldset>
-                                       </form>
-                                       <!-- selected filter elements -->
-                                       <div class="tx-filter">
-                                       
-                                               <h4><a href="#" class="tx-icon 
tx-icon-delete">clear all</a><a href="">Clear All</a>Current filter:</h4>
-                                               <ol>
-                                                       <!-- filter elements, 
tx-icon is floating right, must be at the first place -->
-                                                       <li><a href="#" 
class="tx-icon tx-icon-delete">remove</a>Tiger</li>
-                                                       <li><a href="#" 
class="tx-icon tx-icon-delete">remove</a>Last Week</li>
-                                               </ol>
-                                       </div> 
-                                       
-                                       <!-- results from filter -->
-                                       <div class="tx-result">
-                                       <!-- ul li contruct, only 2 levels 
supported -->
-                                               <ol>
-                                                       <!-- main category-->
-                                                       <li><a href="#">Type</a>
-                                                               <ol>
-                                                                       <!-- 
sub category -->
-                                                                       <li><a 
href="#">Images (234)</a></li>
-                                                                       <li><a 
href="#">Videos (20)</a></li>
-                                                                       <li><a 
href="#">Flash (45)</a></li>
-                                                                       <li><a 
href="#">Documents (234)</a></li>
-                                                                       <li><a 
href="#">Images (234)</a></li>
-                                                               </ol>
-                                                       </li>
-                                                       <!-- tx-open, open 
element icon, arrow down-->
-                                                       <li class="tx-open"><a 
href="#">Taxonomy</a>
-                                                               <ol>
-                                                                       <li><a 
href="#">Images (234)</a></li>
-                                                                       <li><a 
href="#">Videos (20)</a></li>
-                                                               </ol>
-                                                       </li>
-                                                       <!-- li default shows 
an right arrow as background -->
-                                                       <li><a href="#">Tags</a>
-                                                               <ol>
-                                                                       <li><a 
href="#">Tiger (48)</a></li>
-                                                                       <li><a 
href="#">Animal (80)</a></li>
-                                                                       <li><a 
href="#">Africa (784)</a></li>
-                                                               </ol>
-                                                       </li>
-                                                       <li><a 
href="#">Usage</a>
-                                                               <ol>
-                                                                       <li><a 
href="#">Website (20)</a></li>
-                                                                       <li><a 
href="#">News (14)</a></li>
-                                                               </ol>
-                                                       </li>
-                                                       <li><a href="#">Time</a>
-                                                               <ol>
-                                                                       <li><a 
href="#">Yesterday (20)</a></li>
-                                                                       <li><a 
href="#">Last Week (14)</a></li>
-                                                                       <li><a 
href="#">Last Month (23)</a></li>
-                                                               </ol>
-                                                       </li>
-                                                       <li><a 
href="#">Source</a>
-                                                               <ol>
-                                                                       <li><a 
href="#">Flickr (14)</a></li>
-                                                                       <li><a 
href="#">Youtube (8)</a></li>
-                                                               </ol>
-                                                       </li>
-                                               </ol>
-                                       </div>
-                                       <!-- // tx-result -->
+                               <!-- results from filter -->
+                               <div class="tx-result">
+                               <!-- ul li contruct, only 2 levels supported -->
+                                       <ol>
+                                               <!-- main category-->
+                                               <li><a href="#">Type</a>
+                                                       <ol>
+                                                               <!-- sub 
category -->
+                                                               <li><a 
href="#">Images (234)</a></li>
+                                                               <li><a 
href="#">Videos (20)</a></li>
+                                                               <li><a 
href="#">Flash (45)</a></li>
+                                                               <li><a 
href="#">Documents (234)</a></li>
+                                                               <li><a 
href="#">Images (234)</a></li>
+                                                       </ol>
+                                               </li>
+                                               <!-- tx-open, open element 
icon, arrow down-->
+                                               <li class="tx-open"><a 
href="#">Taxonomy</a>
+                                                       <ol>
+                                                               <li><a 
href="#">Images (234)</a></li>
+                                                               <li><a 
href="#">Videos (20)</a></li>
+                                                       </ol>
+                                               </li>
+                                               <!-- li default shows an right 
arrow as background -->
+                                               <li><a href="#">Tags</a>
+                                                       <ol>
+                                                               <li><a 
href="#">Tiger (48)</a></li>
+                                                               <li><a 
href="#">Animal (80)</a></li>
+                                                               <li><a 
href="#">Africa (784)</a></li>
+                                                       </ol>
+                                               </li>
+                                               <li><a href="#">Usage</a>
+                                                       <ol>
+                                                               <li><a 
href="#">Website (20)</a></li>
+                                                               <li><a 
href="#">News (14)</a></li>
+                                                       </ol>
+                                               </li>
+                                               <li><a href="#">Time</a>
+                                                       <ol>
+                                                               <li><a 
href="#">Yesterday (20)</a></li>
+                                                               <li><a 
href="#">Last Week (14)</a></li>
+                                                               <li><a 
href="#">Last Month (23)</a></li>
+                                                       </ol>
+                                               </li>
+                                               <li><a href="#">Source</a>
+                                                       <ol>
+                                                               <li><a 
href="#">Flickr (14)</a></li>
+                                                               <li><a 
href="#">Youtube (8)</a></li>
+                                                       </ol>
+                                               </li>
+                                       </ol>
                                </div>
+                               <!-- // tx-result -->
                        </div>
-                       <!-- // tx-panel-detail -->
-               </div>  
-               <!-- // tx-panel-window -->
-       </div>  
-       <!-- // panel -->
+               </div>
+               <!-- // tx-panel-detail -->
+       </div>
+       <!-- // tx-panel-window -->
+</div>
+<!-- // panel -->
+
+<!-- content -->
+<div id="tx-content" class="demo">
 
        <div class="tx-edit tx-show-panel">
 
@@ -135,11 +135,11 @@
        
        &lt;div class="tx-panel-window"&gt;
                &lt;!-- panel icons --&gt;
-               &lt;div class="tx-tab"&gt;
+               &lt;div class="tx-tab-buttons"&gt;
                
                &lt;/div&gt;
                
-               &lt;div class="tx-panel-detail"&gt;
+               &lt;div class="tx-panel-tabs"&gt;
                        &lt;div&gt;
                                &lt;form action="" method="post"&gt;
                                        &lt;fieldset&gt;

Modified: 
incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/style/demo.css
URL: 
http://svn.apache.org/viewvc/incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/style/demo.css?rev=903707&r1=903706&r2=903707&view=diff
==============================================================================
--- 
incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/style/demo.css
 (original)
+++ 
incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/style/demo.css
 Wed Jan 27 16:07:27 2010
@@ -36,4 +36,8 @@
 
 #tx-content.demo {
        top: 1em;
+}
+
+#tx-panel.demo {
+       top: 1em;
 }
\ No newline at end of file


Reply via email to