[richfaces-svn-commits] JBoss Rich Faces SVN: r7254 - in trunk/samples/richfaces-demo/src/main/webapp/richfaces: inputNumberSlider and 3 other directories.

Author: dsvyatobatsko Date: 2008-03-26 08:53:25 -0400 (Wed, 26 Mar 2008) New Revision: 7254 Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/comboBox/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSlider/examples/sliderUsage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSlider/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSpinner/examples/spinnerUsage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSpinner/usage.xhtml Log: Demo site: ComboBox, InputNumberSlider, InputNumberSpinner demos layout correction Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/comboBox/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/comboBox/usage.xhtml 2008-03-26 12:46:54 UTC (rev 7253) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/comboBox/usage.xhtml 2008-03-26 12:53:25 UTC (rev 7254) @@ -23,38 +23,53 @@ When using selectItem(s) for suggestion definition you should define only value of the selectItem. It is used both for displaying and storing. </p> - <p> - The first simple example shows a declarative definition with f:selectItem components. - Just enter <b>"s"</b> letter or click icon in order to trigger the suggestion. - </p> - <div class="sample-container" > - <ui:include src="/richfaces/comboBox/examples/simple.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/comboBox/examples/simple.xhtml"/> - </ui:include> - </div> - <p> - The next example uses a simple select Items list to provide suggestions. Also comboBox - does not select the first item by default after a list appears (<b>selectFirstOnUpdate </b>attribute - usage). Just enter any letter or click an icon in order to trigger the suggestion. - </p> - <div class="sample-container" > - <ui:include src="/richfaces/comboBox/examples/selectItems.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/comboBox/examples/selectItems.xhtml"/> - </ui:include> - </div> - <p> - The next definition example shows how to define a suggestions list using a simple String list. - And how to turn on an input suggestion feature with <b>directInputSuggestions </b>attribute. - Enter any letter or click an icon in order to trigger the suggestion. - </p> - <div class="sample-container" > - <ui:include src="/richfaces/comboBox/examples/collection.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/comboBox/examples/collection.xhtml"/> - </ui:include> - </div> + + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Simple Combo Box with predefined suggestions</legend> + <div class="sample-container" > + <p> + The first simple example shows a declarative definition with f:selectItem components. + Just enter <b>"s"</b> letter or click icon in order to trigger the suggestion. + </p> + <br/> + <ui:include src="/richfaces/comboBox/examples/simple.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/comboBox/examples/simple.xhtml"/> + </ui:include> + </div> + </fieldset> + + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Combo Box with dynamic suggestions list</legend> + <div class="sample-container"> + <p> + The next example uses a simple select Items list to provide suggestions. Also comboBox + does not select the first item by default after a list appears (<b>selectFirstOnUpdate </b>attribute + usage). Just enter any letter or click an icon in order to trigger the suggestion. + </p> + <br/> + <ui:include src="/richfaces/comboBox/examples/selectItems.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/comboBox/examples/selectItems.xhtml"/> + </ui:include> + </div> + </fieldset> + + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Combo Box with a simple String list as suggestions list</legend> + <div class="sample-container"> + <p> + The next definition example shows how to define a suggestions list using a simple String list. + And how to turn on an input suggestion feature with <b>directInputSuggestions </b>attribute. + Enter any letter or click an icon in order to trigger the suggestion. + </p> + <br/> + <ui:include src="/richfaces/comboBox/examples/collection.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/comboBox/examples/collection.xhtml"/> + </ui:include> + </div> + </fieldset> </ui:define> </ui:composition> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSlider/examples/sliderUsage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSlider/examples/sliderUsage.xhtml 2008-03-26 12:46:54 UTC (rev 7253) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSlider/examples/sliderUsage.xhtml 2008-03-26 12:53:25 UTC (rev 7254) @@ -8,15 +8,15 @@ <a4j:form ajaxSubmit="true"> <p> Here is an example of default inputNumberSlider: - <rich:inputNumberSlider value="50"/> </p> + <rich:inputNumberSlider value="50"/> <p> Here is "minimalistic" input: - <rich:inputNumberSlider value="50" showInput="false" enableManualInput="false" showBoundaryValues="false" showToolTip="false"/> </p> + <rich:inputNumberSlider value="50" showInput="false" enableManualInput="false" showBoundaryValues="false" showToolTip="false"/> <p> Another variation of input: - <rich:inputNumberSlider value="500" width="500" maxValue="1000" step="50" showToolTip="false" /> </p> + <rich:inputNumberSlider value="500" width="500" maxValue="1000" step="50" showToolTip="false" /> </a4j:form> </ui:composition> \ No newline at end of file Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSlider/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSlider/usage.xhtml 2008-03-26 12:46:54 UTC (rev 7253) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSlider/usage.xhtml 2008-03-26 12:53:25 UTC (rev 7254) @@ -10,12 +10,16 @@ <p> InputNumberSlider is a highly customizable component that is used to define numeric input in a given range. You can use a slider or just type some text into an input field. </p> - <div class="sample-container" > - <ui:include src="/richfaces/inputNumberSlider/examples/sliderUsage.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/inputNumberSlider/examples/sliderUsage.xhtml"/> - </ui:include> - </div> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Examples</legend> + <div class="sample-container"> + <ui:include src="/richfaces/inputNumberSlider/examples/sliderUsage.xhtml"/> + <br/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/inputNumberSlider/examples/sliderUsage.xhtml"/> + </ui:include> + </div> + </fieldset> </ui:define> </ui:composition> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSpinner/examples/spinnerUsage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSpinner/examples/spinnerUsage.xhtml 2008-03-26 12:46:54 UTC (rev 7253) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSpinner/examples/spinnerUsage.xhtml 2008-03-26 12:53:25 UTC (rev 7254) @@ -7,12 +7,12 @@ <a4j:form ajaxSubmit="true"> <p> Here is an example of default inputNumberSpinner: - <rich:inputNumberSpinner value="50"/> </p> + <rich:inputNumberSpinner value="50"/> <p> Here is one more inputNumberSpinner: - <rich:inputNumberSpinner value="50" step="10"/> </p> + <rich:inputNumberSpinner value="50" step="10"/> </a4j:form> </ui:composition> \ No newline at end of file Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSpinner/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSpinner/usage.xhtml 2008-03-26 12:46:54 UTC (rev 7253) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSpinner/usage.xhtml 2008-03-26 12:53:25 UTC (rev 7254) @@ -10,12 +10,16 @@ <p> InputNumberSpinner is a highly customizable component that is used to define a numeric input in a given range. A user can use a spinner control or just type some text into an input field. </p> - <div class="sample-container" > - <ui:include src="/richfaces/inputNumberSpinner/examples/spinnerUsage.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/inputNumberSpinner/examples/spinnerUsage.xhtml"/> - </ui:include> - </div> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Examples</legend> + <div class="sample-container" > + <ui:include src="/richfaces/inputNumberSpinner/examples/spinnerUsage.xhtml"/> + <br/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/inputNumberSpinner/examples/spinnerUsage.xhtml"/> + </ui:include> + </div> + </fieldset> </ui:define> </ui:composition> </html>