1:21 p.m.
Author: dsvyatobatsko
Date: 2008-03-27 14:21:38 -0400 (Thu, 27 Mar 2008)
New Revision: 7326
Modified:
trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/filteringFeature/filteringUsage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/repeat/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/scrollableDataTable/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/sortingFeature/sortingUsage.xhtml
Log:
Demo site: Data Iteration demos layout correction
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/usage.xhtml
===================================================================
---
trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/usage.xhtml 2008-03-27
18:12:26 UTC (rev 7325)
+++
trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/usage.xhtml 2008-03-27
18:21:38 UTC (rev 7326)
@@ -10,7 +10,7 @@
- <p>DataTable allows to show a tabular data. Additional to the stadard
<h:dataTable>, this component
+ <p>DataTable allows to show a tabular data. Additional to the standard
<h:dataTable>, this component
enables row and column spans for columns, a flexible layout for a header and a footer.
DataTable supports "master-detail" pattern and allows to show the
combination
of a master table and detail sub-tables.<br />
Modified:
trunk/samples/richfaces-demo/src/main/webapp/richfaces/filteringFeature/filteringUsage.xhtml
===================================================================
---
trunk/samples/richfaces-demo/src/main/webapp/richfaces/filteringFeature/filteringUsage.xhtml 2008-03-27
18:12:26 UTC (rev 7325)
+++
trunk/samples/richfaces-demo/src/main/webapp/richfaces/filteringFeature/filteringUsage.xhtml 2008-03-27
18:21:38 UTC (rev 7326)
@@ -23,41 +23,45 @@
In this example you could see that two first columns filtered after corresponding
input changed.
</p>
+
+ <fieldset class="demo_fieldset">
+ <legend class="demo_legend">Filtering DataTable
example</legend>
+ <div class="sample-container">
<h:panelGrid columns="2" columnClasses="top">
- <div class="sample-container" jsfc="h:panelGroup">
-
- <ui:include
src="/richfaces/filteringFeature/examples/simpleFiltering.xhtml"/>
- <ui:include src="/templates/include/sourceview.xhtml">
- <ui:param name="sourcepath"
value="/richfaces/filteringFeature/examples/simpleFiltering.xhtml"/>
- </ui:include>
- </div>
- <h:panelGroup>
- <fieldset>
- <legend><b>Details of usage</b></legend>
- <p>
- In order to change filter event you should change <b>filterEvent</b>
attribute
- on column (<i>e.g. filterEvent = "onblur"</i>)
- </p>
- <p>
- In order to get or change current filtering value <b>filterValue
</b>attribute
- provided. It should be defined with initial filtering value on the page
- or as value binding to get/change it on server.
- </p>
- <p>
- This is built-in feature. It uses "<b>startsWith</b>"
function to make filtering.
- </p>
- <p>
- If <b>filterBy </b>attribute set - column will render default inputs
with
- default filtering behaviour
- </p>
- <p>
- In order to change default filtering behaviour - another definition used.
- An example shown at second tab("External Filtering")
- </p>
- </fieldset>
- </h:panelGroup>
+ <h:panelGroup>
+ <ui:include
src="/richfaces/filteringFeature/examples/simpleFiltering.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath"
value="/richfaces/filteringFeature/examples/simpleFiltering.xhtml"/>
+ </ui:include>
+ </h:panelGroup>
+ <h:panelGroup>
+ <p style="text-align: center">Details of usage</p>
+ <fieldset class="demo_fieldset">
+ <p>
+ In order to change filter event you should change <b>filterEvent</b>
attribute
+ on column (<i>e.g. filterEvent = "onblur"</i>)
+ </p>
+ <p>
+ In order to get or change current filtering value <b>filterValue
</b>attribute
+ provided. It should be defined with initial filtering value on the page
+ or as value binding to get/change it on server.
+ </p>
+ <p>
+ This is built-in feature. It uses "<b>startsWith</b>"
function to make filtering.
+ </p>
+ <p>
+ If <b>filterBy </b>attribute set - column will render default inputs
with
+ default filtering behaviour
+ </p>
+ <p>
+ In order to change default filtering behaviour - another definition used.
+ An example shown at second tab("External Filtering")
+ </p>
+ </fieldset>
+ </h:panelGroup>
</h:panelGrid>
-
+ </div>
+ </fieldset>
</ui:define>
</ui:composition>
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/repeat/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/repeat/usage.xhtml 2008-03-27
18:12:26 UTC (rev 7325)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/repeat/usage.xhtml 2008-03-27
18:21:38 UTC (rev 7326)
@@ -19,21 +19,21 @@
Here you could explore how to make updatable only two particular
cells of a table using Ajax Keys.
</p>
-
- <div class="sample-container" >
-
- <ui:include src="/richfaces/repeat/examples/repeater.xhtml"/>
- <ui:include src="/templates/include/sourceview.xhtml">
- <ui:param name="sourcepath"
value="/richfaces/repeat/examples/repeater.xhtml"/>
- </ui:include>
- <ui:include src="/templates/include/sourceview.xhtml">
- <ui:param name="sourcepath"
value="/richfaces/repeat/examples/UpdateBean.java"/>
- <ui:param name="openlabel" value="View UpdateBean.java
Source" />
- <ui:param name="sourcetype" value="java" />
- </ui:include>
-
- </div>
+ <fieldset class="demo_fieldset">
+ <legend class="demo_legend">Repeat example</legend>
+ <div class="sample-container" >
+ <ui:include src="/richfaces/repeat/examples/repeater.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath"
value="/richfaces/repeat/examples/repeater.xhtml"/>
+ </ui:include>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath"
value="/richfaces/repeat/examples/UpdateBean.java"/>
+ <ui:param name="openlabel" value="View UpdateBean.java
Source" />
+ <ui:param name="sourcetype" value="java" />
+ </ui:include>
+ </div>
+ </fieldset>
</ui:define>
</ui:composition>
Modified:
trunk/samples/richfaces-demo/src/main/webapp/richfaces/scrollableDataTable/usage.xhtml
===================================================================
---
trunk/samples/richfaces-demo/src/main/webapp/richfaces/scrollableDataTable/usage.xhtml 2008-03-27
18:12:26 UTC (rev 7325)
+++
trunk/samples/richfaces-demo/src/main/webapp/richfaces/scrollableDataTable/usage.xhtml 2008-03-27
18:21:38 UTC (rev 7326)
@@ -17,23 +17,22 @@
<li>sorting of columns by clicking the header;</li>
<li>fixing of one or more left columns when a table is scrolled
horizontally;</li>
<li>one and multi-selection rows mode;</li>
- <li>customization of table look-n-fill from skin parameters</li>
- <li>customizing the table look-n-fill from skin parameters</li>
+ <li>customization of table look-n-feel from skin parameters</li>
+ <li>customizing the table look-n-feel from skin parameters</li>
</ul>
</p>
- <div class="sample-container">
+ <fieldset class="demo_fieldset">
+ <legend class="demo_legend">Scrollable DataTable
example</legend>
+ <div class="sample-container">
<ui:include
src="/richfaces/scrollableDataTable/examples/scrollableDataTable.xhtml"/>
<ui:include src="/templates/include/sourceview.xhtml">
<ui:param name="sourcepath"
value="/richfaces/scrollableDataTable/examples/scrollableDataTable.xhtml"/>
<ui:param name="openlabel" value="View Page Source" />
</ui:include>
- </div>
+ </div>
+ </fieldset>
- <p>
-
- </p>
-
</ui:define>
</ui:composition>
</html>
Modified:
trunk/samples/richfaces-demo/src/main/webapp/richfaces/sortingFeature/sortingUsage.xhtml
===================================================================
---
trunk/samples/richfaces-demo/src/main/webapp/richfaces/sortingFeature/sortingUsage.xhtml 2008-03-27
18:12:26 UTC (rev 7325)
+++
trunk/samples/richfaces-demo/src/main/webapp/richfaces/sortingFeature/sortingUsage.xhtml 2008-03-27
18:21:38 UTC (rev 7326)
@@ -25,46 +25,48 @@
In this example you could see that two first columns sorted after corresponding
header click.
</p>
- <div class="sample-container" jsfc="h:panelGroup"
layout="block">
- <h:panelGrid columns="2" columnClasses=",top">
+ <fieldset class="demo_fieldset">
+ <legend class="demo_legend">Sorting DataTable
example</legend>
+ <div class="sample-container">
+ <h:panelGrid columns="2" columnClasses="top">
<h:panelGroup>
<ui:include
src="/richfaces/sortingFeature/examples/simpleSingleSorting.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath"
value="/richfaces/sortingFeature/examples/simpleSingleSorting.xhtml"/>
+ </ui:include>
</h:panelGroup>
- <div jsfc="h:panelGroup" layout="block">
- <fieldset>
- <legend><b>Details Of usage</b></legend>
- <p>
- Next attributes could be defined to manage simple built-in sorting:
- </p>
- <ul>
- <li>
- <b>sortMode</b> - attribute of <b>rich:dataTable</b>
which could be defined as
- "single"(Default) and "multiple". If multiple sorting
defined -
- previous sorting will not be reseted. Column will be sorted
- </li>
- <li><b>sortOrder</b> - attribute of
<b>rich:column</b>
- allows to set initial sorting on the column.
- (Additional ways of usage to customize sorting described at "External
- Sorting" tab). Possible values are "ASCENDING",
"DESCENDING" and
- "UNSORTED"(default)
- </li>
- <li>
- <b>selfSorted</b> attribute of <b>brich:column</b>
which defines
- if the table will make header clickable and if click on the
- header will call sorting request.
- Default value is "true". In order to use custom sorting mechanism
- use value "false" for this attribute.
- </li>
- </ul>
+
+ <h:panelGroup>
+ <p style="text-align: center">Details of usage</p>
+ <fieldset class="demo_fieldset">
+ <p>
+ Next attributes could be defined to manage simple built-in sorting:
+ </p>
+ <ul>
+ <li>
+ <b>sortMode</b> - attribute of <b>rich:dataTable</b>
which could be defined as
+ "single"(Default) and "multiple". If multiple sorting
defined -
+ previous sorting will not be reseted. Column will be sorted
+ </li>
+ <li><b>sortOrder</b> - attribute of
<b>rich:column</b>
+ allows to set initial sorting on the column.
+ (Additional ways of usage to customize sorting described at "External
+ Sorting" tab). Possible values are "ASCENDING",
"DESCENDING" and
+ "UNSORTED"(default)
+ </li>
+ <li>
+ <b>selfSorted</b> attribute of <b>brich:column</b>
which defines
+ if the table will make header clickable and if click on the
+ header will call sorting request.
+ Default value is "true". In order to use custom sorting mechanism
+ use value "false" for this attribute.
+ </li>
+ </ul>
</fieldset>
- </div>
+ </h:panelGroup>
</h:panelGrid>
- <ui:include src="/templates/include/sourceview.xhtml">
- <ui:param name="sourcepath"
value="/richfaces/sortingFeature/examples/simpleSingleSorting.xhtml"/>
- </ui:include>
</div>
-
+ </fieldset>
</ui:define>
-
</ui:composition>
</html>