You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by ma...@apache.org on 2008/02/21 09:54:54 UTC

svn commit: r629720 [4/8] - in /myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components: ./ html/

Modified: myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/page_a2b1.jspx
URL: http://svn.apache.org/viewvc/myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/page_a2b1.jspx?rev=629720&r1=629719&r2=629720&view=diff
==============================================================================
--- myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/page_a2b1.jspx (original)
+++ myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/page_a2b1.jspx Thu Feb 21 00:54:37 2008
@@ -19,20 +19,23 @@
 	   
 -->
 <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
-          xmlns:f="http://java.sun.com/jsf/core"
-          xmlns:tr="http://myfaces.apache.org/trinidad">
+          xmlns:f="http://java.sun.com/jsf/core" xmlns:tr="http://myfaces.apache.org/trinidad">
   <jsp:directive.page contentType="text/html;charset=utf-8"/>
   <f:view>
     <tr:document title="Page Hierarchy Demo">
       <tr:form>
         <tr:panelGroupLayout layout="vertical">
-          <tr:commandLink immediate="true" text="Component Guide"
-                          action="guide"/>
+          <tr:panelGroupLayout layout="horizontal">
+            <tr:commandLink immediate="true" text="Component Guide" action="guide"/>
+            <tr:spacer width="10"/>
+            <tr:goLink destination="http://myfaces.apache.org/trinidad/trinidad-api/tagdoc/tr_page.html"
+                       text="Tag Documentation"/>
+          </tr:panelGroupLayout>
           <tr:separator/>
           <tr:page var="foo" value="#{menuModel.model}">
             <f:facet name="nodeStamp">
-              <tr:commandNavigationItem text="#{foo.label}"
-                action="#{foo.getOutcome}" icon="#{foo.ico}"/>
+              <tr:commandNavigationItem text="#{foo.label}" action="#{foo.getOutcome}"
+                                        icon="#{foo.ico}"/>
             </f:facet>
             <f:facet name="appAbout">
               <tr:outputText value="appAbout facet"/>
@@ -44,28 +47,22 @@
               <tr:outputText value="appPrivacy facet"/>
             </f:facet>
             <f:facet name="branding">
-              <tr:outputFormatted styleUsage="instruction"
-                                  value="branding facet"/>
+              <tr:outputFormatted styleUsage="instruction" value="branding facet"/>
             </f:facet>
             <f:facet name="infoFootnote">
-              <tr:outputFormatted styleUsage="instruction"
-                                  value="infoFootnote facet"/>
+              <tr:outputFormatted styleUsage="instruction" value="infoFootnote facet"/>
             </f:facet>
             <f:facet name="infoReturn">
-              <tr:outputFormatted styleUsage="instruction"
-                                  value="infoReturn facet"/>
+              <tr:outputFormatted styleUsage="instruction" value="infoReturn facet"/>
             </f:facet>
             <f:facet name="infoStatus">
-              <tr:outputFormatted styleUsage="instruction"
-                                  value="infoStatus facet"/>
+              <tr:outputFormatted styleUsage="instruction" value="infoStatus facet"/>
             </f:facet>
             <f:facet name="infoUser">
-              <tr:outputFormatted styleUsage="instruction"
-                                  value="infoUser facet"/>
+              <tr:outputFormatted styleUsage="instruction" value="infoUser facet"/>
             </f:facet>
             <f:facet name="search">
-              <tr:outputFormatted styleUsage="instruction"
-                                  value="search facet"/>
+              <tr:outputFormatted styleUsage="instruction" value="search facet"/>
             </f:facet>
             <tr:panelHeader text="Title attribute">
               <tr:outputFormatted styleUsage="instruction"

Modified: myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/page_a4.jspx
URL: http://svn.apache.org/viewvc/myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/page_a4.jspx?rev=629720&r1=629719&r2=629720&view=diff
==============================================================================
--- myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/page_a4.jspx (original)
+++ myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/page_a4.jspx Thu Feb 21 00:54:37 2008
@@ -19,84 +19,78 @@
 	   
 -->
 <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
-          xmlns:f="http://java.sun.com/jsf/core"
-          xmlns:tr="http://myfaces.apache.org/trinidad">
+          xmlns:f="http://java.sun.com/jsf/core" xmlns:tr="http://myfaces.apache.org/trinidad">
   <jsp:directive.page contentType="text/html;charset=utf-8"/>
   <f:view>
     <tr:document title="Page Hierarchy Demo">
-        <tr:form>
-          <tr:panelGroupLayout layout="vertical">
-            <tr:commandLink immediate="true" text="Component Guide"
-                            action="guide"/>
-            <tr:separator/>
-            <tr:panelPage>
-              <f:facet name="navigationGlobal">
-                <tr:navigationPane hint="buttons" var="foo" value="#{menuModel.model}">
-                  <f:facet name="nodeStamp">
-                    <tr:commandNavigationItem
-                      text="#{foo.label}" action="#{foo.getOutcome}"
-                      icon="#{foo.ico}"/>
-                  </f:facet>
-                </tr:navigationPane>
-              </f:facet>
-              <f:facet name="navigation1">
-                <tr:navigationPane hint="tabs" level="1" var="foo" value="#{menuModel.model}">
-                  <f:facet name="nodeStamp">
-                    <tr:commandNavigationItem text="#{foo.label}"
-                      action="#{foo.getOutcome}"/>
-                  </f:facet>
-                </tr:navigationPane>
-              </f:facet>
-              <f:facet name="location">
-                <tr:breadCrumbs var="foo" value="#{menuModel.model}">
-                  <f:facet name="nodeStamp">
-                    <tr:commandNavigationItem text="#{foo.label}"
-                                        action="#{foo.getOutcome}"
-                                        icon="#{foo.ico}"/>
-                  </f:facet>
-                </tr:breadCrumbs>
-              </f:facet>
-              <f:facet name="appAbout">
-                <tr:outputText value="appAbout facet"/>
-              </f:facet>
-              <f:facet name="appCopyright">
-                <tr:outputText value="appCopyright facet"/>
-              </f:facet>
-              <f:facet name="appPrivacy">
-                <tr:outputText value="appPrivacy facet"/>
-              </f:facet>
-              <f:facet name="branding">
-                <tr:outputFormatted styleUsage="instruction"
-                                    value="branding facet"/>
-              </f:facet>
-              <f:facet name="infoFootnote">
-                <tr:outputFormatted styleUsage="instruction"
-                                    value="infoFootnote facet"/>
-              </f:facet>
-              <f:facet name="infoReturn">
-                <tr:outputFormatted styleUsage="instruction"
-                                    value="infoReturn facet"/>
-              </f:facet>
-              <f:facet name="infoStatus">
-                <tr:outputFormatted styleUsage="instruction"
-                                    value="infoStatus facet"/>
-              </f:facet>
-              <f:facet name="infoUser">
-                <tr:outputFormatted styleUsage="instruction"
-                                    value="infoUser facet"/>
-              </f:facet>
-              <f:facet name="search">
-                <tr:outputFormatted styleUsage="instruction"
-                                    value="search facet"/>
-              </f:facet>
-              <tr:panelHeader text="Title attribute">
-                <tr:outputFormatted styleUsage="instruction"
-                                    value="This group of demo pages uses one of 2 components to lay out the page, 'page' or 'panelPage'. This particular page uses the &lt;b>'panelPage'&lt;/b> component."/>
-                <jsp:include page="/components/pageContent_include.jspx"/>
-              </tr:panelHeader>
-            </tr:panelPage>
+      <tr:form>
+        <tr:panelGroupLayout layout="vertical">
+          <tr:panelGroupLayout layout="horizontal">
+            <tr:commandLink immediate="true" text="Component Guide" action="guide"/>
+            <tr:spacer width="10"/>
+            <tr:goLink destination="http://myfaces.apache.org/trinidad/trinidad-api/tagdoc/tr_panelPage.html"
+                       text="Tag Documentation"/>
           </tr:panelGroupLayout>
-        </tr:form>
+          <tr:separator/>
+          <tr:panelPage>
+            <f:facet name="navigationGlobal">
+              <tr:navigationPane hint="buttons" var="foo" value="#{menuModel.model}">
+                <f:facet name="nodeStamp">
+                  <tr:commandNavigationItem text="#{foo.label}" action="#{foo.getOutcome}"
+                                            icon="#{foo.ico}"/>
+                </f:facet>
+              </tr:navigationPane>
+            </f:facet>
+            <f:facet name="navigation1">
+              <tr:navigationPane hint="tabs" level="1" var="foo" value="#{menuModel.model}">
+                <f:facet name="nodeStamp">
+                  <tr:commandNavigationItem text="#{foo.label}" action="#{foo.getOutcome}"/>
+                </f:facet>
+              </tr:navigationPane>
+            </f:facet>
+            <f:facet name="location">
+              <tr:breadCrumbs var="foo" value="#{menuModel.model}">
+                <f:facet name="nodeStamp">
+                  <tr:commandNavigationItem text="#{foo.label}" action="#{foo.getOutcome}"
+                                            icon="#{foo.ico}"/>
+                </f:facet>
+              </tr:breadCrumbs>
+            </f:facet>
+            <f:facet name="appAbout">
+              <tr:outputText value="appAbout facet"/>
+            </f:facet>
+            <f:facet name="appCopyright">
+              <tr:outputText value="appCopyright facet"/>
+            </f:facet>
+            <f:facet name="appPrivacy">
+              <tr:outputText value="appPrivacy facet"/>
+            </f:facet>
+            <f:facet name="branding">
+              <tr:outputFormatted styleUsage="instruction" value="branding facet"/>
+            </f:facet>
+            <f:facet name="infoFootnote">
+              <tr:outputFormatted styleUsage="instruction" value="infoFootnote facet"/>
+            </f:facet>
+            <f:facet name="infoReturn">
+              <tr:outputFormatted styleUsage="instruction" value="infoReturn facet"/>
+            </f:facet>
+            <f:facet name="infoStatus">
+              <tr:outputFormatted styleUsage="instruction" value="infoStatus facet"/>
+            </f:facet>
+            <f:facet name="infoUser">
+              <tr:outputFormatted styleUsage="instruction" value="infoUser facet"/>
+            </f:facet>
+            <f:facet name="search">
+              <tr:outputFormatted styleUsage="instruction" value="search facet"/>
+            </f:facet>
+            <tr:panelHeader text="Title attribute">
+              <tr:outputFormatted styleUsage="instruction"
+                                  value="This group of demo pages uses one of 2 components to lay out the page, 'page' or 'panelPage'. This particular page uses the &lt;b>'panelPage'&lt;/b> component."/>
+              <jsp:include page="/components/pageContent_include.jspx"/>
+            </tr:panelHeader>
+          </tr:panelPage>
+        </tr:panelGroupLayout>
+      </tr:form>
     </tr:document>
   </f:view>
 </jsp:root>

Modified: myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/page_include.jspx
URL: http://svn.apache.org/viewvc/myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/page_include.jspx?rev=629720&r1=629719&r2=629720&view=diff
==============================================================================
--- myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/page_include.jspx (original)
+++ myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/page_include.jspx Thu Feb 21 00:54:37 2008
@@ -19,22 +19,23 @@
 	   
 -->
 <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
-          xmlns:f="http://java.sun.com/jsf/core"
-          xmlns:tr="http://myfaces.apache.org/trinidad">
+          xmlns:f="http://java.sun.com/jsf/core" xmlns:tr="http://myfaces.apache.org/trinidad">
   <jsp:directive.page contentType="text/html;charset=utf-8"/>
   <f:view>
     <tr:document title="Page Hierarchy Demo">
       <tr:form>
         <tr:panelGroupLayout layout="vertical">
-          <tr:commandLink immediate="true" text="Component Guide"
-                          action="guide"/>
+          <tr:panelGroupLayout layout="horizontal">
+            <tr:commandLink immediate="true" text="Component Guide" action="guide"/>
+            <tr:spacer width="10"/>
+            <tr:goLink destination="http://myfaces.apache.org/trinidad/trinidad-api/tagdoc/tr_page.html"
+                       text="Tag Documentation"/>
+          </tr:panelGroupLayout>
           <tr:separator/>
-          <tr:page var="foo" value="#{menuModel.model}"
-                   shortDesc="Select Tab">
+          <tr:page var="foo" value="#{menuModel.model}" shortDesc="Select Tab">
             <f:facet name="nodeStamp">
-              <tr:commandNavigationItem
-                text="#{foo.label}" action="#{foo.getOutcome}"
-                icon="#{foo.ico}"/>
+              <tr:commandNavigationItem text="#{foo.label}" action="#{foo.getOutcome}"
+                                        icon="#{foo.ico}"/>
             </f:facet>
             <f:facet name="appAbout">
               <tr:outputText value="appAbout facet"/>
@@ -46,28 +47,22 @@
               <tr:outputText value="appPrivacy facet"/>
             </f:facet>
             <f:facet name="branding">
-              <tr:outputFormatted styleUsage="instruction"
-                                  value="branding facet"/>
+              <tr:outputFormatted styleUsage="instruction" value="branding facet"/>
             </f:facet>
             <f:facet name="infoFootnote">
-              <tr:outputFormatted styleUsage="instruction"
-                                  value="infoFootnote facet"/>
+              <tr:outputFormatted styleUsage="instruction" value="infoFootnote facet"/>
             </f:facet>
             <f:facet name="infoReturn">
-              <tr:outputFormatted styleUsage="instruction"
-                                  value="infoReturn facet"/>
+              <tr:outputFormatted styleUsage="instruction" value="infoReturn facet"/>
             </f:facet>
             <f:facet name="infoStatus">
-              <tr:outputFormatted styleUsage="instruction"
-                                  value="infoStatus facet"/>
+              <tr:outputFormatted styleUsage="instruction" value="infoStatus facet"/>
             </f:facet>
             <f:facet name="infoUser">
-              <tr:outputFormatted styleUsage="instruction"
-                                  value="infoUser facet"/>
+              <tr:outputFormatted styleUsage="instruction" value="infoUser facet"/>
             </f:facet>
             <f:facet name="search">
-              <tr:outputFormatted styleUsage="instruction"
-                                  value="search facet"/>
+              <tr:outputFormatted styleUsage="instruction" value="search facet"/>
             </f:facet>
             <tr:panelHeader text="Title attribute">
               <tr:outputFormatted styleUsage="instruction"

Modified: myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelAccordion.jspx
URL: http://svn.apache.org/viewvc/myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelAccordion.jspx?rev=629720&r1=629719&r2=629720&view=diff
==============================================================================
--- myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelAccordion.jspx (original)
+++ myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelAccordion.jspx Thu Feb 21 00:54:37 2008
@@ -19,183 +19,144 @@
 	   
 -->
 <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
-          xmlns:f="http://java.sun.com/jsf/core"
-          xmlns:h="http://java.sun.com/jsf/html"
-          xmlns:trh="http://myfaces.apache.org/trinidad/html" 
-          xmlns:tr="http://myfaces.apache.org/trinidad" >
+          xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
+          xmlns:trh="http://myfaces.apache.org/trinidad/html"
+          xmlns:tr="http://myfaces.apache.org/trinidad">
   <jsp:directive.page contentType="text/html;charset=utf-8"/>
   <f:view>
- <tr:document title="panelAccordion Demo">
-        <tr:form>
-        
-            <tr:panelGroupLayout layout="vertical">
-              <f:facet name="separator">
-                <tr:separator/>
-              </f:facet>
-            <tr:commandLink immediate="true" 
-                            text="Component Guide"
-                            action="guide"/>                   
-             
-                <tr:outputFormatted styleUsage="instruction" 
-                                    value="&lt;b> A panelAccordion component - takes default selection among showDetailItem children&lt;/b>"/>  
-                <tr:panelAccordion discloseNone="true">
-                  <tr:showDetailItem text="Panel 1" 
-                                     disclosureListener="#{toggle.onDisclosure}">
-                    <tr:panelHeader text="Header 1">
-                      <tr:panelFormLayout>
-                        <tr:inputText readOnly="true" 
-                                      label="Label 1-1" 
-                                      value="Value"
-                                      styleClass="AFFieldTextMarker"/>
-                        <tr:inputText readOnly="true" 
-                                      label="Date/Time from last partial refresh" 
-                                      value="#{date.currentDate}"
-                                      styleClass="AFFieldTextMarker">
-                          <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
-                        </tr:inputText>
-                        
-                        <tr:inputText  readOnly="true"
-                                       styleClass="AFFieldTextMarker"
-                                       value="You have expanded / collapsed panel 1 a total of #{toggle.totalCount} times"/>
-                        
-                      </tr:panelFormLayout>
-                    </tr:panelHeader>
-                  </tr:showDetailItem>
-                  <tr:showDetailItem text="Panel 2">
-                    <tr:panelHeader text="Header 2">
-                      <tr:panelFormLayout>
-                        <tr:inputText readOnly="true" 
-                                      label="Label 2-1" 
-                                      value="Value"
-                                      styleClass="AFFieldTextMarker"/>
-                        <tr:inputText readOnly="true" 
-                                      label="Date/Time from last partial refresh" 
-                                      value="#{date.currentDate}"
-                                      styleClass="AFFieldTextMarker">
-                          <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
-                        </tr:inputText>
-                      </tr:panelFormLayout>
-                    </tr:panelHeader>
-                  </tr:showDetailItem>
-                  <tr:showDetailItem text="Panel 3">
-                    <tr:panelHeader text="Header 3">
-                      <tr:panelFormLayout>
-                        <tr:inputText readOnly="true" 
-                                      label="Label 3-1" 
-                                      value="Value"
-                                      styleClass="AFFieldTextMarker"/>
-                        <tr:inputText readOnly="true" 
-                                      label="Date/Time from last partial refresh" 
-                                      value="#{date.currentDate}"
-                                      styleClass="AFFieldTextMarker">
-                          <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
-                        </tr:inputText>
-                      </tr:panelFormLayout>
-                    </tr:panelHeader>
-                  </tr:showDetailItem>
-                  <tr:showDetailItem text="Panel 4">
-                    <tr:panelHeader text="Header 4">
-                      <tr:panelFormLayout>
-                        <tr:inputText readOnly="true" 
-                                      label="Label 4-1" 
-                                      value="Value"
-                                      styleClass="AFFieldTextMarker"/>
-                        <tr:inputText readOnly="true" 
-                                      label="Date/Time from last partial refresh" 
-                                      value="#{date.currentDate}"
-                                      styleClass="AFFieldTextMarker">
-                          <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
-                        </tr:inputText>
-                      </tr:panelFormLayout>
-                    </tr:panelHeader>
-                  </tr:showDetailItem>
-                </tr:panelAccordion>
-                
-                
-                <tr:outputFormatted styleUsage="instruction" 
-                                    value="&lt;b>This block is to show the current date for reference - Note that this does not change until there is a full page refresh &lt;/b>"/>  
-                <tr:panelFormLayout>
-                  <tr:inputText readOnly="true" 
-                                label="Date/Time from last full page refresh" 
-                                value="#{date.currentDate}"
-                                styleClass="AFFieldTextMarker">
-                    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
-                  </tr:inputText>
-                </tr:panelFormLayout>
-
-                <tr:outputFormatted styleUsage="instruction" 
-                                    value="&lt;b>A standard panelAccordion component - Update its properties from the table below &lt;/b>"/>  
-                <tr:panelAccordion binding="#{editor.component}" discloseNone="true">
-                  <tr:showDetailItem text="Panel 1" id="detailItem1">
-                    <tr:panelHeader text="Header 1">
-                      <tr:panelFormLayout>
-                        <tr:inputText readOnly="true" 
-                                      label="Label 1-1" 
-                                      value="Value"
-                                      styleClass="AFFieldTextMarker"/>
-                        <tr:inputText readOnly="true" 
-                                      label="Date/Time from last partial refresh" 
-                                      value="#{date.currentDate}"
-                                      styleClass="AFFieldTextMarker">
-                          <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
-                        </tr:inputText>
-                      </tr:panelFormLayout>
-                    </tr:panelHeader>
-                  </tr:showDetailItem>
-                  <tr:showDetailItem text="Panel 2" id="detailItem2">
-                    <tr:panelHeader text="Header 2">
-                      <tr:panelFormLayout>
-                        <tr:inputText readOnly="true" 
-                                      label="Label 2-1" value="Value"
-                                      styleClass="AFFieldTextMarker"/>
-                        <tr:inputText readOnly="true" 
-                                      label="Date/Time from last partial refresh" 
-                                      value="#{date.currentDate}"
-                                      styleClass="AFFieldTextMarker">
-                          <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
-                        </tr:inputText>
-                      </tr:panelFormLayout>
-                    </tr:panelHeader>
-                  </tr:showDetailItem>
-                  <tr:showDetailItem text="Panel 3" id="detailItem3" disclosed="true">
-                    <tr:panelHeader text="Header 3">
-                      <tr:panelFormLayout>
-                        <tr:inputText readOnly="true" 
-                                      label="Label 3-1" 
-                                      value="Value"
-                                      styleClass="AFFieldTextMarker"/>
-                        <tr:inputText readOnly="true" 
-                                      label="Date/Time from last partial refresh" 
-                                      value="#{date.currentDate}"
-                                      styleClass="AFFieldTextMarker">
-                          <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
-                        </tr:inputText>
-                      </tr:panelFormLayout>
-                    </tr:panelHeader>
-                  </tr:showDetailItem>
-                  <tr:showDetailItem text="Panel 4" id="detailItem4" disabled="true"/>
-                  <tr:showDetailItem text="Panel 5" id="detailItem5">
-                    <tr:panelHeader text="Header 5">
-                      <tr:panelFormLayout>
-                        <tr:inputText readOnly="true" 
-                                      label="Label 5-1" 
-                                      value="Value"
-                                      styleClass="AFFieldTextMarker"/>
-                        <tr:inputText readOnly="true" 
-                                      label="Date/Time from last partial refresh" 
-                                      value="#{date.currentDate}"
-                                      styleClass="AFFieldTextMarker">
-                          <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
-                        </tr:inputText>
-                      </tr:panelFormLayout>
-                    </tr:panelHeader>
-                  </tr:showDetailItem>
-                </tr:panelAccordion>
-                
-                <jsp:directive.include file="editor.jspf" />
-    
-            </tr:panelGroupLayout>
-        </tr:form>
- </tr:document>
+    <tr:document title="panelAccordion Demo">
+      <tr:form>
+        <tr:panelGroupLayout layout="vertical">
+          <f:facet name="separator">
+            <tr:separator/>
+          </f:facet>
+          <tr:panelGroupLayout layout="horizontal">
+            <tr:commandLink immediate="true" text="Component Guide" action="guide"/>
+            <tr:spacer width="10"/>
+            <tr:goLink destination="http://myfaces.apache.org/trinidad/trinidad-api/tagdoc/tr_panelAccordion.html"
+                       text="Tag Documentation"/>
+            <tr:spacer width="10"/>
+            <tr:goLink destination="http://myfaces.apache.org/trinidad/skin-selectors.html#panelAccordion"
+                       text="Skinning Key Documentation"/>
+          </tr:panelGroupLayout>
+          <tr:outputFormatted styleUsage="instruction"
+                              value="&lt;b>panelAccordion - takes default selection among showDetailItem children&lt;/b>"/>
+          <tr:panelAccordion discloseNone="true">
+            <tr:showDetailItem text="Panel 1" disclosureListener="#{toggle.onDisclosure}">
+              <tr:panelHeader text="Header 1">
+                <tr:panelFormLayout>
+                  <tr:inputText readOnly="true" label="Label 1-1" value="Value"
+                                styleClass="AFFieldTextMarker"/>
+                  <tr:inputText readOnly="true" label="Date/Time from last partial refresh"
+                                value="#{date.currentDate}" styleClass="AFFieldTextMarker">
+                    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
+                  </tr:inputText>
+                  <tr:inputText readOnly="true" styleClass="AFFieldTextMarker"
+                                value="You have expanded / collapsed panel 1 a total of #{toggle.totalCount} times"/>
+                </tr:panelFormLayout>
+              </tr:panelHeader>
+            </tr:showDetailItem>
+            <tr:showDetailItem text="Panel 2">
+              <tr:panelHeader text="Header 2">
+                <tr:panelFormLayout>
+                  <tr:inputText readOnly="true" label="Label 2-1" value="Value"
+                                styleClass="AFFieldTextMarker"/>
+                  <tr:inputText readOnly="true" label="Date/Time from last partial refresh"
+                                value="#{date.currentDate}" styleClass="AFFieldTextMarker">
+                    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
+                  </tr:inputText>
+                </tr:panelFormLayout>
+              </tr:panelHeader>
+            </tr:showDetailItem>
+            <tr:showDetailItem text="Panel 3">
+              <tr:panelHeader text="Header 3">
+                <tr:panelFormLayout>
+                  <tr:inputText readOnly="true" label="Label 3-1" value="Value"
+                                styleClass="AFFieldTextMarker"/>
+                  <tr:inputText readOnly="true" label="Date/Time from last partial refresh"
+                                value="#{date.currentDate}" styleClass="AFFieldTextMarker">
+                    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
+                  </tr:inputText>
+                </tr:panelFormLayout>
+              </tr:panelHeader>
+            </tr:showDetailItem>
+            <tr:showDetailItem text="Panel 4">
+              <tr:panelHeader text="Header 4">
+                <tr:panelFormLayout>
+                  <tr:inputText readOnly="true" label="Label 4-1" value="Value"
+                                styleClass="AFFieldTextMarker"/>
+                  <tr:inputText readOnly="true" label="Date/Time from last partial refresh"
+                                value="#{date.currentDate}" styleClass="AFFieldTextMarker">
+                    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
+                  </tr:inputText>
+                </tr:panelFormLayout>
+              </tr:panelHeader>
+            </tr:showDetailItem>
+          </tr:panelAccordion>
+          <tr:outputFormatted styleUsage="instruction"
+                              value="&lt;b>This block is to show the current date for reference - Note that this does not change until there is a full page refresh &lt;/b>"/>
+          <tr:panelFormLayout>
+            <tr:inputText readOnly="true" label="Date/Time from last full page refresh"
+                          value="#{date.currentDate}" styleClass="AFFieldTextMarker">
+              <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
+            </tr:inputText>
+          </tr:panelFormLayout>
+          <tr:outputFormatted styleUsage="instruction"
+                              value="&lt;b>A standard panelAccordion component - Update its properties from the table below &lt;/b>"/>
+          <tr:panelAccordion binding="#{editor.component}" discloseNone="true">
+            <tr:showDetailItem text="Panel 1" id="detailItem1">
+              <tr:panelHeader text="Header 1">
+                <tr:panelFormLayout>
+                  <tr:inputText readOnly="true" label="Label 1-1" value="Value"
+                                styleClass="AFFieldTextMarker"/>
+                  <tr:inputText readOnly="true" label="Date/Time from last partial refresh"
+                                value="#{date.currentDate}" styleClass="AFFieldTextMarker">
+                    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
+                  </tr:inputText>
+                </tr:panelFormLayout>
+              </tr:panelHeader>
+            </tr:showDetailItem>
+            <tr:showDetailItem text="Panel 2" id="detailItem2">
+              <tr:panelHeader text="Header 2">
+                <tr:panelFormLayout>
+                  <tr:inputText readOnly="true" label="Label 2-1" value="Value"
+                                styleClass="AFFieldTextMarker"/>
+                  <tr:inputText readOnly="true" label="Date/Time from last partial refresh"
+                                value="#{date.currentDate}" styleClass="AFFieldTextMarker">
+                    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
+                  </tr:inputText>
+                </tr:panelFormLayout>
+              </tr:panelHeader>
+            </tr:showDetailItem>
+            <tr:showDetailItem text="Panel 3" id="detailItem3" disclosed="true">
+              <tr:panelHeader text="Header 3">
+                <tr:panelFormLayout>
+                  <tr:inputText readOnly="true" label="Label 3-1" value="Value"
+                                styleClass="AFFieldTextMarker"/>
+                  <tr:inputText readOnly="true" label="Date/Time from last partial refresh"
+                                value="#{date.currentDate}" styleClass="AFFieldTextMarker">
+                    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
+                  </tr:inputText>
+                </tr:panelFormLayout>
+              </tr:panelHeader>
+            </tr:showDetailItem>
+            <tr:showDetailItem text="Panel 4" id="detailItem4" disabled="true"/>
+            <tr:showDetailItem text="Panel 5" id="detailItem5">
+              <tr:panelHeader text="Header 5">
+                <tr:panelFormLayout>
+                  <tr:inputText readOnly="true" label="Label 5-1" value="Value"
+                                styleClass="AFFieldTextMarker"/>
+                  <tr:inputText readOnly="true" label="Date/Time from last partial refresh"
+                                value="#{date.currentDate}" styleClass="AFFieldTextMarker">
+                    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
+                  </tr:inputText>
+                </tr:panelFormLayout>
+              </tr:panelHeader>
+            </tr:showDetailItem>
+          </tr:panelAccordion>
+          <jsp:directive.include file="editor.jspf"/>
+        </tr:panelGroupLayout>
+      </tr:form>
+    </tr:document>
   </f:view>
 </jsp:root>

Modified: myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelAccordion_discloseMany.jspx
URL: http://svn.apache.org/viewvc/myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelAccordion_discloseMany.jspx?rev=629720&r1=629719&r2=629720&view=diff
==============================================================================
--- myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelAccordion_discloseMany.jspx (original)
+++ myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelAccordion_discloseMany.jspx Thu Feb 21 00:54:37 2008
@@ -19,183 +19,144 @@
 	   
 -->
 <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
-          xmlns:f="http://java.sun.com/jsf/core"
-          xmlns:h="http://java.sun.com/jsf/html"
-          xmlns:trh="http://myfaces.apache.org/trinidad/html" 
-          xmlns:tr="http://myfaces.apache.org/trinidad" >
+          xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
+          xmlns:trh="http://myfaces.apache.org/trinidad/html"
+          xmlns:tr="http://myfaces.apache.org/trinidad">
   <jsp:directive.page contentType="text/html;charset=utf-8"/>
   <f:view>
- <tr:document title="panelAccordion Demo">
-        <tr:form>
-        
-            <tr:panelGroupLayout layout="vertical">
-              <f:facet name="separator">
-                <tr:separator/>
-              </f:facet>
-            <tr:commandLink immediate="true" 
-                            text="Component Guide"
-                            action="guide"/>                   
-             
-                <tr:outputFormatted styleUsage="instruction" 
-                                    value="&lt;b> A panelAccordion component - takes default selection among showDetailItem children&lt;/b>"/>  
-                <tr:panelAccordion discloseMany="true" discloseNone="true">
-                  <tr:showDetailItem text="Panel 1" 
-                                     disclosureListener="#{toggle.onDisclosure}">
-                    <tr:panelHeader text="Header 1">
-                      <tr:panelFormLayout>
-                        <tr:inputText readOnly="true" 
-                                      label="Label 1-1" 
-                                      value="Value"
-                                      styleClass="AFFieldTextMarker"/>
-                        <tr:inputText readOnly="true" 
-                                      label="Date/Time from last partial refresh" 
-                                      value="#{date.currentDate}"
-                                      styleClass="AFFieldTextMarker">
-                          <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
-                        </tr:inputText>
-                        
-                        <tr:inputText  readOnly="true"
-                                       styleClass="AFFieldTextMarker"
-                                       value="You have expanded / collapsed panel 1 a total of #{toggle.totalCount} times"/>
-                        
-                      </tr:panelFormLayout>
-                    </tr:panelHeader>
-                  </tr:showDetailItem>
-                  <tr:showDetailItem text="Panel 2">
-                    <tr:panelHeader text="Header 2">
-                      <tr:panelFormLayout>
-                        <tr:inputText readOnly="true" 
-                                      label="Label 2-1" 
-                                      value="Value"
-                                      styleClass="AFFieldTextMarker"/>
-                        <tr:inputText readOnly="true" 
-                                      label="Date/Time from last partial refresh" 
-                                      value="#{date.currentDate}"
-                                      styleClass="AFFieldTextMarker">
-                          <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
-                        </tr:inputText>
-                      </tr:panelFormLayout>
-                    </tr:panelHeader>
-                  </tr:showDetailItem>
-                  <tr:showDetailItem text="Panel 3">
-                    <tr:panelHeader text="Header 3">
-                      <tr:panelFormLayout>
-                        <tr:inputText readOnly="true" 
-                                      label="Label 3-1" 
-                                      value="Value"
-                                      styleClass="AFFieldTextMarker"/>
-                        <tr:inputText readOnly="true" 
-                                      label="Date/Time from last partial refresh" 
-                                      value="#{date.currentDate}"
-                                      styleClass="AFFieldTextMarker">
-                          <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
-                        </tr:inputText>
-                      </tr:panelFormLayout>
-                    </tr:panelHeader>
-                  </tr:showDetailItem>
-                  <tr:showDetailItem text="Panel 4">
-                    <tr:panelHeader text="Header 4">
-                      <tr:panelFormLayout>
-                        <tr:inputText readOnly="true" 
-                                      label="Label 4-1" 
-                                      value="Value"
-                                      styleClass="AFFieldTextMarker"/>
-                        <tr:inputText readOnly="true" 
-                                      label="Date/Time from last partial refresh" 
-                                      value="#{date.currentDate}"
-                                      styleClass="AFFieldTextMarker">
-                          <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
-                        </tr:inputText>
-                      </tr:panelFormLayout>
-                    </tr:panelHeader>
-                  </tr:showDetailItem>
-                </tr:panelAccordion>
-                
-                
-                <tr:outputFormatted styleUsage="instruction" 
-                                    value="&lt;b>This block is to show the current date for reference - Note that this does not change until there is a full page refresh &lt;/b>"/>  
-                <tr:panelFormLayout>
-                  <tr:inputText readOnly="true" 
-                                label="Date/Time from last full page refresh" 
-                                value="#{date.currentDate}"
-                                styleClass="AFFieldTextMarker">
-                    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
-                  </tr:inputText>
-                </tr:panelFormLayout>
-
-                <tr:outputFormatted styleUsage="instruction" 
-                                    value="&lt;b>A standard panelAccordion component - Update its properties from the table below &lt;/b>"/>  
-                <tr:panelAccordion binding="#{editor.component}" discloseMany="true" discloseNone="true">
-                  <tr:showDetailItem text="Panel 1" id="detailItem1">
-                    <tr:panelHeader text="Header 1">
-                      <tr:panelFormLayout>
-                        <tr:inputText readOnly="true" 
-                                      label="Label 1-1" 
-                                      value="Value"
-                                      styleClass="AFFieldTextMarker"/>
-                        <tr:inputText readOnly="true" 
-                                      label="Date/Time from last partial refresh" 
-                                      value="#{date.currentDate}"
-                                      styleClass="AFFieldTextMarker">
-                          <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
-                        </tr:inputText>
-                      </tr:panelFormLayout>
-                    </tr:panelHeader>
-                  </tr:showDetailItem>
-                  <tr:showDetailItem text="Panel 2" id="detailItem2">
-                    <tr:panelHeader text="Header 2">
-                      <tr:panelFormLayout>
-                        <tr:inputText readOnly="true" 
-                                      label="Label 2-1" value="Value"
-                                      styleClass="AFFieldTextMarker"/>
-                        <tr:inputText readOnly="true" 
-                                      label="Date/Time from last partial refresh" 
-                                      value="#{date.currentDate}"
-                                      styleClass="AFFieldTextMarker">
-                          <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
-                        </tr:inputText>
-                      </tr:panelFormLayout>
-                    </tr:panelHeader>
-                  </tr:showDetailItem>
-                  <tr:showDetailItem text="Panel 3" id="detailItem3" disclosed="true">
-                    <tr:panelHeader text="Header 3">
-                      <tr:panelFormLayout>
-                        <tr:inputText readOnly="true" 
-                                      label="Label 3-1" 
-                                      value="Value"
-                                      styleClass="AFFieldTextMarker"/>
-                        <tr:inputText readOnly="true" 
-                                      label="Date/Time from last partial refresh" 
-                                      value="#{date.currentDate}"
-                                      styleClass="AFFieldTextMarker">
-                          <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
-                        </tr:inputText>
-                      </tr:panelFormLayout>
-                    </tr:panelHeader>
-                  </tr:showDetailItem>
-                  <tr:showDetailItem text="Panel 4" id="detailItem4" disabled="true"/>
-                  <tr:showDetailItem text="Panel 5" id="detailItem5">
-                    <tr:panelHeader text="Header 5">
-                      <tr:panelFormLayout>
-                        <tr:inputText readOnly="true" 
-                                      label="Label 5-1" 
-                                      value="Value"
-                                      styleClass="AFFieldTextMarker"/>
-                        <tr:inputText readOnly="true" 
-                                      label="Date/Time from last partial refresh" 
-                                      value="#{date.currentDate}"
-                                      styleClass="AFFieldTextMarker">
-                          <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
-                        </tr:inputText>
-                      </tr:panelFormLayout>
-                    </tr:panelHeader>
-                  </tr:showDetailItem>
-                </tr:panelAccordion>
-                
-                <jsp:directive.include file="editor.jspf" />
-    
-            </tr:panelGroupLayout>
-        </tr:form>
- </tr:document>
+    <tr:document title="panelAccordion Demo">
+      <tr:form>
+        <tr:panelGroupLayout layout="vertical">
+          <f:facet name="separator">
+            <tr:separator/>
+          </f:facet>
+          <tr:panelGroupLayout layout="horizontal">
+            <tr:commandLink immediate="true" text="Component Guide" action="guide"/>
+            <tr:spacer width="10"/>
+            <tr:goLink destination="http://myfaces.apache.org/trinidad/trinidad-api/tagdoc/tr_panelAccordion.html"
+                       text="Tag Documentation"/>
+            <tr:spacer width="10"/>
+            <tr:goLink destination="http://myfaces.apache.org/trinidad/skin-selectors.html#panelAccordion"
+                       text="Skinning Key Documentation"/>
+          </tr:panelGroupLayout>
+          <tr:outputFormatted styleUsage="instruction"
+                              value="&lt;b>panelAccordion with discloseMany - takes default selection among showDetailItem children&lt;/b>"/>
+          <tr:panelAccordion discloseMany="true" discloseNone="true">
+            <tr:showDetailItem text="Panel 1" disclosureListener="#{toggle.onDisclosure}">
+              <tr:panelHeader text="Header 1">
+                <tr:panelFormLayout>
+                  <tr:inputText readOnly="true" label="Label 1-1" value="Value"
+                                styleClass="AFFieldTextMarker"/>
+                  <tr:inputText readOnly="true" label="Date/Time from last partial refresh"
+                                value="#{date.currentDate}" styleClass="AFFieldTextMarker">
+                    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
+                  </tr:inputText>
+                  <tr:inputText readOnly="true" styleClass="AFFieldTextMarker"
+                                value="You have expanded / collapsed panel 1 a total of #{toggle.totalCount} times"/>
+                </tr:panelFormLayout>
+              </tr:panelHeader>
+            </tr:showDetailItem>
+            <tr:showDetailItem text="Panel 2">
+              <tr:panelHeader text="Header 2">
+                <tr:panelFormLayout>
+                  <tr:inputText readOnly="true" label="Label 2-1" value="Value"
+                                styleClass="AFFieldTextMarker"/>
+                  <tr:inputText readOnly="true" label="Date/Time from last partial refresh"
+                                value="#{date.currentDate}" styleClass="AFFieldTextMarker">
+                    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
+                  </tr:inputText>
+                </tr:panelFormLayout>
+              </tr:panelHeader>
+            </tr:showDetailItem>
+            <tr:showDetailItem text="Panel 3">
+              <tr:panelHeader text="Header 3">
+                <tr:panelFormLayout>
+                  <tr:inputText readOnly="true" label="Label 3-1" value="Value"
+                                styleClass="AFFieldTextMarker"/>
+                  <tr:inputText readOnly="true" label="Date/Time from last partial refresh"
+                                value="#{date.currentDate}" styleClass="AFFieldTextMarker">
+                    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
+                  </tr:inputText>
+                </tr:panelFormLayout>
+              </tr:panelHeader>
+            </tr:showDetailItem>
+            <tr:showDetailItem text="Panel 4">
+              <tr:panelHeader text="Header 4">
+                <tr:panelFormLayout>
+                  <tr:inputText readOnly="true" label="Label 4-1" value="Value"
+                                styleClass="AFFieldTextMarker"/>
+                  <tr:inputText readOnly="true" label="Date/Time from last partial refresh"
+                                value="#{date.currentDate}" styleClass="AFFieldTextMarker">
+                    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
+                  </tr:inputText>
+                </tr:panelFormLayout>
+              </tr:panelHeader>
+            </tr:showDetailItem>
+          </tr:panelAccordion>
+          <tr:outputFormatted styleUsage="instruction"
+                              value="&lt;b>This block is to show the current date for reference - Note that this does not change until there is a full page refresh &lt;/b>"/>
+          <tr:panelFormLayout>
+            <tr:inputText readOnly="true" label="Date/Time from last full page refresh"
+                          value="#{date.currentDate}" styleClass="AFFieldTextMarker">
+              <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
+            </tr:inputText>
+          </tr:panelFormLayout>
+          <tr:outputFormatted styleUsage="instruction"
+                              value="&lt;b>A standard panelAccordion component - Update its properties from the table below &lt;/b>"/>
+          <tr:panelAccordion binding="#{editor.component}" discloseMany="true" discloseNone="true">
+            <tr:showDetailItem text="Panel 1" id="detailItem1">
+              <tr:panelHeader text="Header 1">
+                <tr:panelFormLayout>
+                  <tr:inputText readOnly="true" label="Label 1-1" value="Value"
+                                styleClass="AFFieldTextMarker"/>
+                  <tr:inputText readOnly="true" label="Date/Time from last partial refresh"
+                                value="#{date.currentDate}" styleClass="AFFieldTextMarker">
+                    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
+                  </tr:inputText>
+                </tr:panelFormLayout>
+              </tr:panelHeader>
+            </tr:showDetailItem>
+            <tr:showDetailItem text="Panel 2" id="detailItem2">
+              <tr:panelHeader text="Header 2">
+                <tr:panelFormLayout>
+                  <tr:inputText readOnly="true" label="Label 2-1" value="Value"
+                                styleClass="AFFieldTextMarker"/>
+                  <tr:inputText readOnly="true" label="Date/Time from last partial refresh"
+                                value="#{date.currentDate}" styleClass="AFFieldTextMarker">
+                    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
+                  </tr:inputText>
+                </tr:panelFormLayout>
+              </tr:panelHeader>
+            </tr:showDetailItem>
+            <tr:showDetailItem text="Panel 3" id="detailItem3" disclosed="true">
+              <tr:panelHeader text="Header 3">
+                <tr:panelFormLayout>
+                  <tr:inputText readOnly="true" label="Label 3-1" value="Value"
+                                styleClass="AFFieldTextMarker"/>
+                  <tr:inputText readOnly="true" label="Date/Time from last partial refresh"
+                                value="#{date.currentDate}" styleClass="AFFieldTextMarker">
+                    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
+                  </tr:inputText>
+                </tr:panelFormLayout>
+              </tr:panelHeader>
+            </tr:showDetailItem>
+            <tr:showDetailItem text="Panel 4" id="detailItem4" disabled="true"/>
+            <tr:showDetailItem text="Panel 5" id="detailItem5">
+              <tr:panelHeader text="Header 5">
+                <tr:panelFormLayout>
+                  <tr:inputText readOnly="true" label="Label 5-1" value="Value"
+                                styleClass="AFFieldTextMarker"/>
+                  <tr:inputText readOnly="true" label="Date/Time from last partial refresh"
+                                value="#{date.currentDate}" styleClass="AFFieldTextMarker">
+                    <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
+                  </tr:inputText>
+                </tr:panelFormLayout>
+              </tr:panelHeader>
+            </tr:showDetailItem>
+          </tr:panelAccordion>
+          <jsp:directive.include file="editor.jspf"/>
+        </tr:panelGroupLayout>
+      </tr:form>
+    </tr:document>
   </f:view>
 </jsp:root>

Modified: myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelBorderLayout.jspx
URL: http://svn.apache.org/viewvc/myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelBorderLayout.jspx?rev=629720&r1=629719&r2=629720&view=diff
==============================================================================
--- myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelBorderLayout.jspx (original)
+++ myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelBorderLayout.jspx Thu Feb 21 00:54:37 2008
@@ -19,84 +19,72 @@
 	   
 -->
 <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
-          xmlns:f="http://java.sun.com/jsf/core"
-          xmlns:h="http://java.sun.com/jsf/html"
-          xmlns:trh="http://myfaces.apache.org/trinidad/html" 
-          xmlns:tr="http://myfaces.apache.org/trinidad" >
+          xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
+          xmlns:trh="http://myfaces.apache.org/trinidad/html"
+          xmlns:tr="http://myfaces.apache.org/trinidad">
   <jsp:directive.page contentType="text/html;charset=utf-8"/>
   <f:view>
- <tr:document title="PanelBorder Demo">
-        <tr:form>
-          <tr:panelGroupLayout layout="vertical">
-            <f:facet name="separator">
-              <tr:separator />
-            </f:facet> 
-            <tr:commandLink immediate="true" text="Component Guide"
-                action="guide"/>             
-            <tr:outputFormatted styleUsage="instruction" value="&lt;b>A panelBorder&lt;/b>"/>
-            <tr:panelBorderLayout binding="#{editor.component}"> 
-              <f:facet name="top" >
-                <f:verbatim>
-                  <table width="100%" >
-                    <tr>
-                      <td height="30pt" align="center"
-                          style="background-color:yellow;" >
-                        top
-                      </td>
-                    </tr>
-                  </table>
-                </f:verbatim>
-              </f:facet>
-              <f:facet name="left" >
-                <f:verbatim>
-                  <table width="100%" >
-                    <tr>
-                      <td height="100pt" align="center"
-                          style="background-color:pink;" >
-                        left
-                      </td>
-                    </tr>
-                  </table>
-                </f:verbatim>
-              </f:facet>
-              <f:facet name="right" >
-                <f:verbatim>
-                  <table width="100%" >
-                    <tr>
-                      <td height="100pt" align="center"
-                          style="background-color:pink;" >
-                        right
-                      </td>
-                    </tr>
-                  </table>
-                </f:verbatim>
-              </f:facet>
-              <f:facet name="bottom" >
-                <f:verbatim>
-                  <table width="100%" >
-                    <tr>
-                      <td height="30pt" align="center"
-                          style="background-color:yellow;" >
-                        bottom
-                      </td>
-                    </tr>
-                  </table>
-                </f:verbatim>
-              </f:facet>
-                <f:verbatim>
-                  <table width="100%" >
-                    <tr>
-                      <td height="30pt" align="center" >
-                        contents
-                      </td>
-                    </tr>
-                  </table>
-                </f:verbatim>
-            </tr:panelBorderLayout>
-            
-            <jsp:directive.include file="editor.jspf" />
+    <tr:document title="PanelBorderLayout Demo">
+      <tr:form>
+        <tr:panelGroupLayout layout="vertical">
+          <f:facet name="separator">
+            <tr:separator/>
+          </f:facet>
+          <tr:panelGroupLayout layout="horizontal">
+            <tr:commandLink immediate="true" text="Component Guide" action="guide"/>
+            <tr:spacer width="10"/>
+            <tr:goLink destination="http://myfaces.apache.org/trinidad/trinidad-api/tagdoc/tr_panelBorderLayout.html"
+                       text="Tag Documentation"/>
           </tr:panelGroupLayout>
-        </tr:form>
- </tr:document>
+          <tr:outputFormatted styleUsage="instruction" value="&lt;b>panelBorderLayout&lt;/b>"/>
+          <tr:panelBorderLayout binding="#{editor.component}">
+            <f:facet name="top">
+              <f:verbatim>
+                <table width="100%">
+                  <tr>
+                    <td height="30pt" align="center" style="background-color:yellow;">top</td>
+                  </tr>
+                </table>
+              </f:verbatim>
+            </f:facet>
+            <f:facet name="left">
+              <f:verbatim>
+                <table width="100%">
+                  <tr>
+                    <td height="100pt" align="center" style="background-color:pink;">left</td>
+                  </tr>
+                </table>
+              </f:verbatim>
+            </f:facet>
+            <f:facet name="right">
+              <f:verbatim>
+                <table width="100%">
+                  <tr>
+                    <td height="100pt" align="center" style="background-color:pink;">right</td>
+                  </tr>
+                </table>
+              </f:verbatim>
+            </f:facet>
+            <f:facet name="bottom">
+              <f:verbatim>
+                <table width="100%">
+                  <tr>
+                    <td height="30pt" align="center" style="background-color:yellow;">bottom</td>
+                  </tr>
+                </table>
+              </f:verbatim>
+            </f:facet>
+            <f:verbatim>
+              <table width="100%">
+                <tr>
+                  <td height="30pt" align="center">contents</td>
+                </tr>
+              </table>
+            </f:verbatim>
+          </tr:panelBorderLayout>
+          <jsp:directive.include file="editor.jspf"/>
+        </tr:panelGroupLayout>
+      </tr:form>
+    </tr:document>
   </f:view>
 </jsp:root>

Modified: myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelBox.jspx
URL: http://svn.apache.org/viewvc/myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelBox.jspx?rev=629720&r1=629719&r2=629720&view=diff
==============================================================================
--- myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelBox.jspx (original)
+++ myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelBox.jspx Thu Feb 21 00:54:37 2008
@@ -19,34 +19,39 @@
 	   
 -->
 <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
-          xmlns:f="http://java.sun.com/jsf/core"
-          xmlns:h="http://java.sun.com/jsf/html"
-          xmlns:trh="http://myfaces.apache.org/trinidad/html" 
-          xmlns:tr="http://myfaces.apache.org/trinidad" >
+          xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
+          xmlns:trh="http://myfaces.apache.org/trinidad/html"
+          xmlns:tr="http://myfaces.apache.org/trinidad">
   <jsp:directive.page contentType="text/html;charset=utf-8"/>
   <f:view>
- <tr:document title="PanelBox Demo">
-        <tr:form>
-          <tr:panelGroupLayout layout="vertical">
-            <f:facet name="separator">
-              <tr:separator />
-            </f:facet>
-            <tr:commandLink immediate="true" text="Component Guide"
-                action="guide"/>             
-            <tr:outputFormatted styleUsage="instruction" value="&lt;b>Simple panelBox&lt;/b>"/>
-            <tr:panelBox binding="#{editor.component}" icon="/adf/images/info.gif" text="container header"> 
-              <tr:panelList> 
-                <tr:goLink text="item 1" destination="http://www.apache.org"/>
-                <tr:goLink text="item 2" destination="http://www.apache.org"/>
-                <tr:goLink text="item 3" destination="http://www.apache.org"/>
-                <tr:goLink text="item 4" destination="http://www.apache.org"/>
-              </tr:panelList>     
-            </tr:panelBox>
-            
-            <jsp:directive.include file="editor.jspf" />
-    
+    <tr:document title="PanelBox Demo">
+      <tr:form>
+        <tr:panelGroupLayout layout="vertical">
+          <f:facet name="separator">
+            <tr:separator/>
+          </f:facet>
+          <tr:panelGroupLayout layout="horizontal">
+            <tr:commandLink immediate="true" text="Component Guide" action="guide"/>
+            <tr:spacer width="10"/>
+            <tr:goLink destination="http://myfaces.apache.org/trinidad/trinidad-api/tagdoc/tr_panelBox.html"
+                       text="Tag Documentation"/>
+            <tr:spacer width="10"/>
+            <tr:goLink destination="http://myfaces.apache.org/trinidad/skin-selectors.html#panelBox"
+                       text="Skinning Key Documentation"/>
           </tr:panelGroupLayout>
-        </tr:form>
- </tr:document>
+          <tr:outputFormatted styleUsage="instruction" value="&lt;b>panelBox&lt;/b>"/>
+          <tr:panelBox binding="#{editor.component}" icon="/adf/images/info.gif"
+                       text="container header">
+            <tr:panelList>
+              <tr:goLink text="item 1" destination="http://www.apache.org"/>
+              <tr:goLink text="item 2" destination="http://www.apache.org"/>
+              <tr:goLink text="item 3" destination="http://www.apache.org"/>
+              <tr:goLink text="item 4" destination="http://www.apache.org"/>
+            </tr:panelList>
+          </tr:panelBox>
+          <jsp:directive.include file="editor.jspf"/>
+        </tr:panelGroupLayout>
+      </tr:form>
+    </tr:document>
   </f:view>
 </jsp:root>

Modified: myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelButtonBar.jspx
URL: http://svn.apache.org/viewvc/myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelButtonBar.jspx?rev=629720&r1=629719&r2=629720&view=diff
==============================================================================
--- myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelButtonBar.jspx (original)
+++ myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelButtonBar.jspx Thu Feb 21 00:54:37 2008
@@ -19,10 +19,9 @@
 	   
 -->
 <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
-          xmlns:f="http://java.sun.com/jsf/core"
-          xmlns:h="http://java.sun.com/jsf/html"
-          xmlns:trh="http://myfaces.apache.org/trinidad/html" 
-          xmlns:tr="http://myfaces.apache.org/trinidad" >
+          xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
+          xmlns:trh="http://myfaces.apache.org/trinidad/html"
+          xmlns:tr="http://myfaces.apache.org/trinidad">
   <jsp:directive.page contentType="text/html;charset=utf-8"/>
   <f:view>
     <trh:html>
@@ -31,21 +30,22 @@
         <tr:form>
           <tr:panelGroupLayout layout="vertical">
             <f:facet name="separator">
-              <tr:separator />
+              <tr:separator/>
             </f:facet>
-            <tr:commandLink immediate="true" text="Component Guide"
-                action="guide"/>             
-            <tr:outputFormatted styleUsage="instruction" value="&lt;b>panelButtonBar demo &lt;/b>"/>
+            <tr:panelGroupLayout layout="horizontal">
+              <tr:commandLink immediate="true" text="Component Guide" action="guide"/>
+              <tr:spacer width="10"/>
+              <tr:goLink destination="http://myfaces.apache.org/trinidad/trinidad-api/tagdoc/tr_panelButtonBar.html"
+                         text="Tag Documentation"/>
+            </tr:panelGroupLayout>
+            <tr:outputFormatted styleUsage="instruction" value="&lt;b>panelButtonBar&lt;/b>"/>
             <tr:panelButtonBar binding="#{editor.component}">
               <tr:commandButton text="button 1" action="guide.table"/>
               <tr:commandButton text="button 2" action="guide.tree"/>
-              <tr:singleStepButtonBar selectedStep="4" maxStep="5"  
-                                      previousAction="#{action.app1}"
+              <tr:singleStepButtonBar selectedStep="4" maxStep="5" previousAction="#{action.app1}"
                                       nextAction="#{action.app2}"/>
             </tr:panelButtonBar>
-            
-            <jsp:directive.include file="editor.jspf" />
-    
+            <jsp:directive.include file="editor.jspf"/>
           </tr:panelGroupLayout>
         </tr:form>
       </trh:body>

Modified: myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelCaptionGroup.jspx
URL: http://svn.apache.org/viewvc/myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelCaptionGroup.jspx?rev=629720&r1=629719&r2=629720&view=diff
==============================================================================
--- myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelCaptionGroup.jspx (original)
+++ myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelCaptionGroup.jspx Thu Feb 21 00:54:37 2008
@@ -19,49 +19,51 @@
 	   
 -->
 <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
-          xmlns:f="http://java.sun.com/jsf/core"
-          xmlns:h="http://java.sun.com/jsf/html"
-          xmlns:trh="http://myfaces.apache.org/trinidad/html" 
-          xmlns:tr="http://myfaces.apache.org/trinidad" >
+          xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
+          xmlns:trh="http://myfaces.apache.org/trinidad/html"
+          xmlns:tr="http://myfaces.apache.org/trinidad">
   <jsp:directive.page contentType="text/html;charset=utf-8"/>
   <f:view>
- <tr:document title="PanelCaptionGroup Demo">
-        <tr:form>
-          <tr:panelGroupLayout layout="vertical">
-            <f:facet name="separator">
-              <tr:separator />
-            </f:facet>
-            <tr:commandLink immediate="true" text="Component Guide"
-                action="guide"/>             
-
-            <tr:outputFormatted styleUsage="instruction" value="&lt;b>Simple panelCaptionGroup&lt;/b>"/>
-
-            <tr:panelCaptionGroup binding="#{editor.component}" captionText="Caption">
-              <tr:panelFormLayout>
-                <tr:inputText label="Field A" />
-                <tr:inputText label="Field B" columns="1"/>
-                <tr:inputText label="Field C" />
-                <tr:selectOneChoice label="Suffix" />
-              </tr:panelFormLayout>
-            </tr:panelCaptionGroup>
-          
-            <jsp:directive.include file="editor.jspf" />
-    
-            <tr:outputFormatted styleUsage="instruction" value="&lt;b>PanelCaptionGroup using Facet&lt;/b>"/>
-
-            <tr:panelCaptionGroup>
-              <f:facet name="caption">
-                <tr:icon name="error" shortDesc="An icon as a caption" />
-              </f:facet>
-              <tr:panelFormLayout>
-                <tr:inputText label="Field A" />
-                <tr:inputText label="Field B" columns="1"/>
-                <tr:inputText label="Field C" />
-                <tr:selectOneChoice label="Suffix" />
-              </tr:panelFormLayout>
-            </tr:panelCaptionGroup>
+    <tr:document title="PanelCaptionGroup Demo">
+      <tr:form>
+        <tr:panelGroupLayout layout="vertical">
+          <f:facet name="separator">
+            <tr:separator/>
+          </f:facet>
+          <tr:panelGroupLayout layout="horizontal">
+            <tr:commandLink immediate="true" text="Component Guide" action="guide"/>
+            <tr:spacer width="10"/>
+            <tr:goLink destination="http://myfaces.apache.org/trinidad/trinidad-api/tagdoc/tr_panelCaptionGroup.html"
+                       text="Tag Documentation"/>
+            <tr:spacer width="10"/>
+            <tr:goLink destination="http://myfaces.apache.org/trinidad/skin-selectors.html#panelCaptionGroup"
+                       text="Skinning Key Documentation"/>
           </tr:panelGroupLayout>
-        </tr:form>
- </tr:document>
+          <tr:outputFormatted styleUsage="instruction" value="&lt;b>panelCaptionGroup&lt;/b>"/>
+          <tr:panelCaptionGroup binding="#{editor.component}" captionText="Caption">
+            <tr:panelFormLayout>
+              <tr:inputText label="Field A"/>
+              <tr:inputText label="Field B" columns="1"/>
+              <tr:inputText label="Field C"/>
+              <tr:selectOneChoice label="Suffix"/>
+            </tr:panelFormLayout>
+          </tr:panelCaptionGroup>
+          <jsp:directive.include file="editor.jspf"/>
+          <tr:outputFormatted styleUsage="instruction"
+                              value="&lt;b>panelCaptionGroup using facet&lt;/b>"/>
+          <tr:panelCaptionGroup>
+            <f:facet name="caption">
+              <tr:icon name="error" shortDesc="An icon as a caption"/>
+            </f:facet>
+            <tr:panelFormLayout>
+              <tr:inputText label="Field A"/>
+              <tr:inputText label="Field B" columns="1"/>
+              <tr:inputText label="Field C"/>
+              <tr:selectOneChoice label="Suffix"/>
+            </tr:panelFormLayout>
+          </tr:panelCaptionGroup>
+        </tr:panelGroupLayout>
+      </tr:form>
+    </tr:document>
   </f:view>
 </jsp:root>

Modified: myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelChoice.jspx
URL: http://svn.apache.org/viewvc/myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelChoice.jspx?rev=629720&r1=629719&r2=629720&view=diff
==============================================================================
--- myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelChoice.jspx (original)
+++ myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelChoice.jspx Thu Feb 21 00:54:37 2008
@@ -19,98 +19,68 @@
 	   
 -->
 <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
-          xmlns:f="http://java.sun.com/jsf/core"
-          xmlns:h="http://java.sun.com/jsf/html"
-          xmlns:trh="http://myfaces.apache.org/trinidad/html" 
-          xmlns:tr="http://myfaces.apache.org/trinidad" >
+          xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
+          xmlns:trh="http://myfaces.apache.org/trinidad/html"
+          xmlns:tr="http://myfaces.apache.org/trinidad">
   <jsp:directive.page contentType="text/html;charset=utf-8"/>
   <f:view>
- <tr:document title="panelChoice Demo">
-        <tr:form>
-        
-            <tr:panelGroupLayout layout="vertical">
-              <f:facet name="separator">
-                <tr:separator/>
-              </f:facet>
-            <tr:commandLink immediate="true" 
-                            text="Component Guide"
-                            action="guide"/>                   
-             
-                <tr:outputFormatted styleUsage="instruction" 
-                                    value="&lt;b> A panelChoice component - takes default selection among showDetailItem children&lt;/b>"/>  
-
-                <tr:panelChoice binding="#{editor.component}" 
-                                  alignment="center" 
-                                  position="start" 
-                                  id="someId" 
-                                  label="Sales Data"
-                                  accessKey="S">
-
-                  <tr:showDetailItem id="showDetailItem2" 
-                                     text="Monthly Sales Distribution">
-                                     
-                    <tr:panelHeader  text="Monthly Sales Distribution">
-                      <tr:image source="images/monthlySalesDistribution.gif" 
-                                      inlineStyle="height:200px; width:300px;" 
-                                      id="monthlySalesImage"
-                                      shortDesc="Monthly sales distribution"/> 
-                    </tr:panelHeader>
-                  </tr:showDetailItem>
-
-                  <tr:showDetailItem id="showDetailItem3" 
-                                     text="Sales by Geography">
-                    <tr:panelHeader text="Sales by Geography">
-                         <tr:image source="images/salesByGeography.gif"              
-                                         shortDesc="Sales by Geography"
-                                         inlineStyle="height:200px; width:300px;" 
-                                         id="salesByGeographyImage"/> 
-                      
-                    </tr:panelHeader>
-                  </tr:showDetailItem>
-                  
-                  <tr:showDetailItem text="This page data" 
-                                     disclosureListener="#{toggle.onDisclosure}">
-                    <tr:panelHeader text="Page refresh status">
-                      <tr:panelFormLayout>
-                        <tr:inputText readOnly="true" 
-                                      label="Label 1-1" 
-                                      value="Value"
-                                      styleClass="AFFieldTextMarker"/>
-                        <tr:inputText readOnly="true" 
-                                      label="Date/Time from last partial refresh" 
-                                      value="#{date.currentDate}"
-                                      styleClass="AFFieldTextMarker">
-                          <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
-                        </tr:inputText>
-
-                        <tr:inputText readOnly="true"
-                                      styleClass="AFFieldTextMarker"
-                                      value="You have shown/ hidden this page data option a total of #{toggle.totalCount} times"/>
-
-                      </tr:panelFormLayout>
-                    </tr:panelHeader>
-                  </tr:showDetailItem>
-
-                </tr:panelChoice>
-
-                <tr:outputFormatted styleUsage="instruction" 
-                                    value="&lt;b>A standard panelChoice component - Update its properties from the table below &lt;/b>"/>  
-                
-                <jsp:directive.include file="editor.jspf" />
-                
-                <tr:outputFormatted styleUsage="instruction" 
-                                    value="&lt;b>This block is to show the current date for reference - Note that this does not change until there is a full page refresh &lt;/b>"/>  
+    <tr:document title="panelChoice Demo">
+      <tr:form>
+        <tr:panelGroupLayout layout="vertical">
+          <f:facet name="separator">
+            <tr:separator/>
+          </f:facet>
+          <tr:panelGroupLayout layout="horizontal">
+            <tr:commandLink immediate="true" text="Component Guide" action="guide"/>
+            <tr:spacer width="10"/>
+            <tr:goLink destination="http://myfaces.apache.org/trinidad/trinidad-api/tagdoc/tr_panelChoice.html"
+                       text="Tag Documentation"/>
+          </tr:panelGroupLayout>
+          <tr:outputFormatted styleUsage="instruction"
+                              value="&lt;b>panelChoice - takes default selection among showDetailItem children&lt;/b>"/>
+          <tr:panelChoice binding="#{editor.component}" alignment="center" position="start"
+                          id="someId" label="Sales Data" accessKey="S">
+            <tr:showDetailItem id="showDetailItem2" text="Monthly Sales Distribution">
+              <tr:panelHeader text="Monthly Sales Distribution">
+                <tr:image source="images/monthlySalesDistribution.gif"
+                          inlineStyle="height:200px; width:300px;" id="monthlySalesImage"
+                          shortDesc="Monthly sales distribution"/>
+              </tr:panelHeader>
+            </tr:showDetailItem>
+            <tr:showDetailItem id="showDetailItem3" text="Sales by Geography">
+              <tr:panelHeader text="Sales by Geography">
+                <tr:image source="images/salesByGeography.gif" shortDesc="Sales by Geography"
+                          inlineStyle="height:200px; width:300px;" id="salesByGeographyImage"/>
+              </tr:panelHeader>
+            </tr:showDetailItem>
+            <tr:showDetailItem text="This page data" disclosureListener="#{toggle.onDisclosure}">
+              <tr:panelHeader text="Page refresh status">
                 <tr:panelFormLayout>
-                  <tr:inputText readOnly="true" 
-                                label="Date/Time from last full page refresh" 
-                                value="#{date.currentDate}"
-                                styleClass="AFFieldTextMarker">
+                  <tr:inputText readOnly="true" label="Label 1-1" value="Value"
+                                styleClass="AFFieldTextMarker"/>
+                  <tr:inputText readOnly="true" label="Date/Time from last partial refresh"
+                                value="#{date.currentDate}" styleClass="AFFieldTextMarker">
                     <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
                   </tr:inputText>
+                  <tr:inputText readOnly="true" styleClass="AFFieldTextMarker"
+                                value="You have shown/ hidden this page data option a total of #{toggle.totalCount} times"/>
                 </tr:panelFormLayout>
-
-            </tr:panelGroupLayout>
-        </tr:form>
- </tr:document>
+              </tr:panelHeader>
+            </tr:showDetailItem>
+          </tr:panelChoice>
+          <tr:outputFormatted styleUsage="instruction"
+                              value="&lt;b>A standard panelChoice component - Update its properties from the table below &lt;/b>"/>
+          <jsp:directive.include file="editor.jspf"/>
+          <tr:outputFormatted styleUsage="instruction"
+                              value="&lt;b>This block is to show the current date for reference - Note that this does not change until there is a full page refresh &lt;/b>"/>
+          <tr:panelFormLayout>
+            <tr:inputText readOnly="true" label="Date/Time from last full page refresh"
+                          value="#{date.currentDate}" styleClass="AFFieldTextMarker">
+              <tr:convertDateTime pattern="EEEEEEEEE, ddMMMyyyy, HH:mm:ss z"/>
+            </tr:inputText>
+          </tr:panelFormLayout>
+        </tr:panelGroupLayout>
+      </tr:form>
+    </tr:document>
   </f:view>
 </jsp:root>

Modified: myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelFormLayout.jspx
URL: http://svn.apache.org/viewvc/myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelFormLayout.jspx?rev=629720&r1=629719&r2=629720&view=diff
==============================================================================
--- myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelFormLayout.jspx (original)
+++ myfaces/trinidad/trunk/trinidad-examples/trinidad-demo/src/main/webapp/components/panelFormLayout.jspx Thu Feb 21 00:54:37 2008
@@ -18,24 +18,28 @@
     under the License.
 	   
 -->
-<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
-          xmlns:f="http://java.sun.com/jsf/core"
-          xmlns:tr="http://myfaces.apache.org/trinidad"
-          version="1.2">
+<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:f="http://java.sun.com/jsf/core"
+          xmlns:tr="http://myfaces.apache.org/trinidad" version="1.2">
   <jsp:directive.page contentType="text/html;charset=utf-8"/>
   <f:view>
- <tr:document title="PanelFormLayout Demo">
+    <tr:document title="PanelFormLayout Demo">
       <tr:form>
         <tr:panelGroupLayout layout="vertical">
           <f:facet name="separator">
             <tr:separator/>
           </f:facet>
-          <tr:commandLink immediate="true" text="Component Guide"
-            action="guide"/>
-          <tr:outputText
-            value="This is a test case for the core panelFormLayout component."/>
-          <tr:panelFormLayout binding="#{editor.component}" rows="5"
-            labelWidth="33%" fieldWidth="67%">
+          <tr:panelGroupLayout layout="horizontal">
+            <tr:commandLink immediate="true" text="Component Guide" action="guide"/>
+            <tr:spacer width="10"/>
+            <tr:goLink destination="http://myfaces.apache.org/trinidad/trinidad-api/tagdoc/tr_panelFormLayout.html"
+                       text="Tag Documentation"/>
+            <tr:spacer width="10"/>
+            <tr:goLink destination="http://myfaces.apache.org/trinidad/skin-selectors.html#panelFormLayout"
+                       text="Skinning Key Documentation"/>
+          </tr:panelGroupLayout>
+          <tr:outputFormatted styleUsage="instruction" value="&lt;b>panelFormLayout&lt;/b>"/>
+          <tr:panelFormLayout binding="#{editor.component}" rows="5" labelWidth="33%"
+                              fieldWidth="67%">
             <tr:inputText columns="5" label="label 1">
               <f:facet name="help">
                 <tr:outputText value="Enter an integer."/>
@@ -50,8 +54,7 @@
             <tr:panelLabelAndMessage rendered="true" label="label 3">
               <tr:commandButton text="Submit"/>
             </tr:panelLabelAndMessage>
-            <tr:selectManyListbox id="rs" label="label 4"
-              shortDesc="Select Option">
+            <tr:selectManyListbox id="rs" label="label 4" shortDesc="Select Option">
               <tr:selectItem label="option 1"/>
               <tr:selectItem label="option 2"/>
               <tr:selectItem label="option 3"/>
@@ -64,23 +67,20 @@
               <tr:commandButton text="Hello World" partialSubmit="true"/>
             </tr:panelLabelAndMessage>
             <tr:inputText rows="2" label="label 6" secret="true"/>
-            <tr:selectBooleanRadio id="rb" group="rbGroup" shortDesc="Label 7"
-              label="label 7"/>
+            <tr:selectBooleanRadio id="rb" group="rbGroup" shortDesc="Label 7" label="label 7"/>
             <tr:selectBooleanCheckbox shortDesc="label 8" label="label 8"/>
             <tr:inputText styleClass="AFFieldTextMarker" label="label 9" value="hi"
-              readOnly="true"/>
-            <tr:inputText styleClass="AFFieldTextMarker" label="label 10"
-              value="hi again" readOnly="true"/>
+                          readOnly="true"/>
+            <tr:inputText styleClass="AFFieldTextMarker" label="label 10" value="hi again"
+                          readOnly="true"/>
             <tr:panelLabelAndMessage label="label 11">
               <tr:selectBooleanCheckbox shortDesc="option 1" label="option 1"/>
               <tr:panelFormLayout>
                 <tr:inputText styleClass="AFFieldTextMarker" label="sub item 1" value="hello"/>
                 <tr:inputText styleClass="AFFieldTextMarker" label="sub item 2" value="world"/>
                 <tr:selectOneChoice label="sub item 3">
-                  <tr:selectItem label="coffee" value="bean"
-                    shortDesc="Coffee from Kona"/>
-                  <f:selectItem itemLabel="tea" itemValue="leaf"
-                    itemDescription="Tea from China"/>
+                  <tr:selectItem label="coffee" value="bean" shortDesc="Coffee from Kona"/>
+                  <f:selectItem itemLabel="tea" itemValue="leaf" itemDescription="Tea from China"/>
                   <tr:selectItem label="milk" value="moo" rendered="false"/>
                   <f:selectItems value="#{demoInput.selectItems}"/>
                 </tr:selectOneChoice>