Author: vkorluzhenko Date: 2007-06-05 08:46:12 -0400 (Tue, 05 Jun 2007) New Revision: 1014 Modified: trunk/docs/userguide/en/included/column.xml trunk/docs/userguide/en/included/columnGroup.xml trunk/docs/userguide/en/included/dataDefinitionList.xml trunk/docs/userguide/en/included/dataFilterSlider.xml trunk/docs/userguide/en/included/dataGrid.xml trunk/docs/userguide/en/included/dataList.xml trunk/docs/userguide/en/included/dataOrderedList.xml trunk/docs/userguide/en/included/dataTable.xml trunk/docs/userguide/en/included/datascroller.xml trunk/docs/userguide/en/included/dndParam.xml trunk/docs/userguide/en/included/dragIndicator.xml trunk/docs/userguide/en/included/dragSupport.xml trunk/docs/userguide/en/included/draggable.xml trunk/docs/userguide/en/included/dropDownMenu.xml trunk/docs/userguide/en/included/dropSupport.xml trunk/docs/userguide/en/included/dropZone.xml trunk/docs/userguide/en/included/gmap.xml trunk/docs/userguide/en/included/inputNumberSlider.xml trunk/docs/userguide/en/included/inputNumberSpinner.xml trunk/docs/userguide/en/included/menuGroup.xml trunk/docs/userguide/en/included/menuItem.xml trunk/docs/userguide/en/included/menuSeparator.xml trunk/docs/userguide/en/included/modalPanel.xml trunk/docs/userguide/en/included/paint2D.xml trunk/docs/userguide/en/included/panel.xml trunk/docs/userguide/en/included/panelBar.xml trunk/docs/userguide/en/included/panelBarItem.xml trunk/docs/userguide/en/included/separator.xml trunk/docs/userguide/en/included/simpleTogglePanel.xml trunk/docs/userguide/en/included/spacer.xml trunk/docs/userguide/en/included/subTable.xml trunk/docs/userguide/en/included/suggestionBox.xml trunk/docs/userguide/en/included/tab.xml trunk/docs/userguide/en/included/tabPanel.xml trunk/docs/userguide/en/included/toggleControl.xml trunk/docs/userguide/en/included/togglePanel.xml trunk/docs/userguide/en/included/toolBar.xml trunk/docs/userguide/en/included/toolBarGroup.xml trunk/docs/userguide/en/included/tree.xml trunk/docs/userguide/en/included/treeNode.xml Log: edited indentation Modified: trunk/docs/userguide/en/included/column.xml =================================================================== --- trunk/docs/userguide/en/included/column.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/column.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -45,9 +45,9 @@ <title>Creating the Component with a Page Tag</title> <para>To create the simplest variant of <property>column</property> on a page, use the following syntax:</para> <programlisting role="XML"><![CDATA[... - <rich:dataTable var="set"> - <rich:column> - <h:outputText value="#{set.property1}"/> + <rich:dataTable var="set"> + <rich:column> + <h:outputText value="#{set.property1}"/> </rich:column> <!--Set of another columns and header/footer facets--> </rich:dataTable> @@ -66,25 +66,26 @@ <title>Details of Usage</title> <para>To output a simple table, the <emphasis role="bold"><property>&lt;rich:column&gt;</property></emphasis> component is used the same way as the standard <emphasis role="bold"><property>&lt;h:column&gt;</property></emphasis>, i.e. the following code on a page is used:</para> -<programlisting role="XML"><![CDATA[ - <rich:dataTable value="#{capitalsBean.capitals}" var="cap" rows="5"> - <rich:column> - <f:facet name="header">State Flag</f:facet> - <h:graphicImage value="#{cap.stateFlag}"/> - </rich:column> - <rich:column> - <f:facet name="header">State Name</f:facet> - <h:outputText value="#{cap.state}"/> - </rich:column> - <rich:column > - <f:facet name="header">State Capital</f:facet> - <h:outputText value="#{cap.name}"/> - </rich:column> - <rich:column> - <f:facet name="header">Time Zone</f:facet> - <h:outputText value="#{cap.timeZone}"/> - </rich:column> - </rich:dataTable> +<programlisting role="XML"><![CDATA[... + <rich:dataTable value="#{capitalsBean.capitals}" var="cap" rows="5"> + <rich:column> + <f:facet name="header">State Flag</f:facet> + <h:graphicImage value="#{cap.stateFlag}"/> + </rich:column> + <rich:column> + <f:facet name="header">State Name</f:facet> + <h:outputText value="#{cap.state}"/> + </rich:column> + <rich:column > + <f:facet name="header">State Capital</f:facet> + <h:outputText value="#{cap.name}"/> + </rich:column> + <rich:column> + <f:facet name="header">Time Zone</f:facet> + <h:outputText value="#{cap.timeZone}"/> + </rich:column> + </rich:dataTable> +... ]]></programlisting> <para>The result is:</para> <figure> @@ -99,21 +100,22 @@ the <emphasis role="italic"><property>&quot;colspan&quot;</property></emphasis> attribute, which is similar to an HTML one, specifying that the first column contains 3 columns. In addition, it&apos;s necessary to specify that the next column begins from the first row with the help of the <emphasis role="italic"><property>&quot;breakBefore&quot;</property></emphasis> attribute = true.</para> - <programlisting role="XML"><![CDATA[ - <rich:dataTable value="#{capitalsBean.capitals}" var="cap" rows="5"> - <rich:column colspan="3"> - <h:graphicImage value="#{cap.stateFlag}"/> - </rich:column> - <rich:column breakBefore="true"> - <h:outputText value="#{cap.state}"/> - </rich:column> - <rich:column > - <h:outputText value="#{cap.name}"/> - </rich:column> - <rich:column> - <h:outputText value="#{cap.timeZone}"/> - </rich:column> - </rich:dataTable> + <programlisting role="XML"><![CDATA[... + <rich:dataTable value="#{capitalsBean.capitals}" var="cap" rows="5"> + <rich:column colspan="3"> + <h:graphicImage value="#{cap.stateFlag}"/> + </rich:column> + <rich:column breakBefore="true"> + <h:outputText value="#{cap.state}"/> + </rich:column> + <rich:column > + <h:outputText value="#{cap.name}"/> + </rich:column> + <rich:column> + <h:outputText value="#{cap.timeZone}"/> + </rich:column> + </rich:dataTable> +... ]]></programlisting> <para>As a result the following structure is rendered:</para> <figure> @@ -127,23 +129,24 @@ <para>The same way is used for <property>columns</property> grouping with the <emphasis role="italic"><property>&quot;rowspan&quot;</property></emphasis> attribute that is similar to an HTML one responsible for rows quantity definition occupied with the current one. The only thing to add in the example is an instruction to move onto the next row for each next after the second column.</para> - <programlisting role="XML"><![CDATA[ - <rich:dataTable value="#{capitalsBean.capitals}" var="cap" rows="5"> - <rich:column rowspan="3"> - <f:facet name="header">State Flag</f:facet> - <h:graphicImage value="#{cap.stateFlag}"/> - </rich:column> - <rich:column> - <f:facet name="header">State Info</f:facet> - <h:outputText value="#{cap.state}"/> - </rich:column> - <rich:column breakBefore="true"> - <h:outputText value="#{cap.name}"/> - </rich:column> - <rich:column breakBefore="true"> - <h:outputText value="#{cap.timeZone}"/> - </rich:column> - </rich:dataTable> + <programlisting role="XML"><![CDATA[... + <rich:dataTable value="#{capitalsBean.capitals}" var="cap" rows="5"> + <rich:column rowspan="3"> + <f:facet name="header">State Flag</f:facet> + <h:graphicImage value="#{cap.stateFlag}"/> + </rich:column> + <rich:column> + <f:facet name="header">State Info</f:facet> + <h:outputText value="#{cap.state}"/> + </rich:column> + <rich:column breakBefore="true"> + <h:outputText value="#{cap.name}"/> + </rich:column> + <rich:column breakBefore="true"> + <h:outputText value="#{cap.timeZone}"/> + </rich:column> + </rich:dataTable> +... ]]></programlisting> <para>As a result:</para> <figure> Modified: trunk/docs/userguide/en/included/columnGroup.xml =================================================================== --- trunk/docs/userguide/en/included/columnGroup.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/columnGroup.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -43,17 +43,17 @@ <title>Creating the Component with a Page Tag</title> <para>To create the simplest variant of <property>columnGroup</property> on a page which you can see at the screenshot, use the following syntax:</para> <programlisting role="XML"><![CDATA[... -<rich:dataTable value="#{capitalsBean.capitals}" var="capitals" - ajaxKeys="#{bean.ajaxSet}" binding="#{bean.tabe}" id="table"> - <!--...//Set of columns and header/footer facets--> - <rich:column colspan="3"> - <f:facet name="header">State Flag</f:facet> - <h:graphicImage value="#{cap.stateFlag}"/> - </rich:column> - <rich:columnGroup> - <!--...//Set of columns and header/footer facets--> - </rich:columnGroup> -</rich:dataTable> + <rich:dataTable value="#{capitalsBean.capitals}" var="capitals" + ajaxKeys="#{bean.ajaxSet}" binding="#{bean.tabe}" id="table"> + <!--...//Set of columns and header/footer facets--> + <rich:column colspan="3"> + <f:facet name="header">State Flag</f:facet> + <h:graphicImage value="#{cap.stateFlag}"/> + </rich:column> + <rich:columnGroup> + <!--...//Set of columns and header/footer facets--> + </rich:columnGroup> + </rich:dataTable> ... ]]></programlisting> </section> @@ -71,36 +71,38 @@ into one row. Columns are combined in a group the same way as when the <emphasis role="italic"><property>&quot;breakBefore&quot;</property></emphasis> attribute is used for columns to add a moving to the next rows, but the first variant is clearer from a source code. Hence, the following simple examples are very same.</para> - <programlisting role="XML"><![CDATA[ -<rich:dataTable value="#{capitalsBean.capitals}" var="cap" rows="5" id="sublist"> - <rich:column colspan="3"> - <f:facet name="header">State Flag</f:facet> - <h:graphicImage value="#{cap.stateFlag}"/> - </rich:column> - <rich:columnGroup> - <rich:column> - <h:outputText value="#{cap.state}"/> - </rich:column> - <rich:column > - <h:outputText value="#{cap.name}"/> - </rich:column> - <rich:column > - <h:outputText value="#{cap.timeZone}"/> - </rich:column> - </rich:columnGroup> -</rich:dataTable> + <programlisting role="XML"><![CDATA[... + <rich:dataTable value="#{capitalsBean.capitals}" var="cap" rows="5" id="sublist"> + <rich:column colspan="3"> + <f:facet name="header">State Flag</f:facet> + <h:graphicImage value="#{cap.stateFlag}"/> + </rich:column> + <rich:columnGroup> + <rich:column> + <h:outputText value="#{cap.state}"/> + </rich:column> + <rich:column > + <h:outputText value="#{cap.name}"/> + </rich:column> + <rich:column > + <h:outputText value="#{cap.timeZone}"/> + </rich:column> + </rich:columnGroup> + </rich:dataTable> +... ]]></programlisting> <para>And representation without a grouping:</para> -<programlisting role="XML"><![CDATA[ -<rich:dataTable value="#{capitalsBean.capitals}" var="cap" rows="5" id="sublist"> - <rich:column colspan="3"> - <f:facet name="header">State Flag</f:facet> - <h:graphicImage value="#{cap.stateFlag}"/> - </rich:column> - <rich:column breakBefore="true">...</rich:column> - <rich:column >...</rich:column> - <rich:column >...</rich:column> -</rich:dataTable> +<programlisting role="XML"><![CDATA[... + <rich:dataTable value="#{capitalsBean.capitals}" var="cap" rows="5" id="sublist"> + <rich:column colspan="3"> + <f:facet name="header">State Flag</f:facet> + <h:graphicImage value="#{cap.stateFlag}"/> + </rich:column> + <rich:column breakBefore="true">...</rich:column> + <rich:column >...</rich:column> + <rich:column >...</rich:column> + </rich:dataTable> +.... ]]></programlisting> <para>The result is:</para> <figure> @@ -113,26 +115,27 @@ </figure> <para>It&apos;s also possible to use the component for output of complex headers in a table. For example adding of a complex header to a facet for the whole table looks the following way:</para> - <programlisting role="XML"><![CDATA[ -<f:facet name="header"> - <rich:columnGroup> - <rich:column rowspan="2"> - <h:outputText value="State Flag"/> - </rich:column> - <rich:column colspan="3"> - <h:outputText value="State Info"/> - </rich:column> - <rich:column breakBefore="true"> - <h:outputText value="State Name"/> - </rich:column> - <rich:column> - <h:outputText value="State Capital"/> - </rich:column> - <rich:column> - <h:outputText value="Time Zone"/> - </rich:column> - </rich:columnGroup> -</f:facet> + <programlisting role="XML"><![CDATA[... + <f:facet name="header"> + <rich:columnGroup> + <rich:column rowspan="2"> + <h:outputText value="State Flag"/> + </rich:column> + <rich:column colspan="3"> + <h:outputText value="State Info"/> + </rich:column> + <rich:column breakBefore="true"> + <h:outputText value="State Name"/> + </rich:column> + <rich:column> + <h:outputText value="State Capital"/> + </rich:column> + <rich:column> + <h:outputText value="Time Zone"/> + </rich:column> + </rich:columnGroup> + </f:facet> +... ]]></programlisting> <para>Generated on a page as:</para> <figure> Modified: trunk/docs/userguide/en/included/dataDefinitionList.xml =================================================================== --- trunk/docs/userguide/en/included/dataDefinitionList.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/dataDefinitionList.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -45,10 +45,10 @@ <title>Creating the Component with a Page Tag</title> <para>To create the simplest variant of <property>dataDefinitionList</property> on a page, use the following syntax:</para> <programlisting role="XML"><![CDATA[... - <rich:dataDefinitionList value="#{bean.capitals}" var="caps"> - <f:facet name="term">United States Capitals</f:facet> + <rich:dataDefinitionList value="#{bean.capitals}" var="caps"> + <f:facet name="term">United States Capitals</f:facet> <h:outputText value="#{caps.name}"/> - </rich:dataDefinitionList> + </rich:dataDefinitionList> ... ]]></programlisting> </section> @@ -75,12 +75,12 @@ <para>The component is created basing on the <emphasis role="bold"><property>&lt;a4j:repeat&gt;</property></emphasis> component and as a result the component could be partially updated with AJAX.</para> <programlisting role="XML"><![CDATA[... - <rich:dataDefinitionList value="#{bean.capitals}" var="caps" ajaxKeys="#{listBean.list}" - binding="#{listBean.dataList}" id="list"> - <h:outputText value="#{caps.name}"/> - </rich:dataDefinitionList> + <rich:dataDefinitionList value="#{bean.capitals}" var="caps" ajaxKeys="#{listBean.list}" + binding="#{listBean.dataList}" id="list"> + <h:outputText value="#{caps.name}"/> + </rich:dataDefinitionList> ... - <a4j:commandButton action"#{listBean.action}" reRender="list" value="Submit"/> + <a4j:commandButton action"#{listBean.action}" reRender="list" value="Submit"/> ... ]]></programlisting> <para>Here during the action is processed the ajaxKeys set is composed into a list and then update Modified: trunk/docs/userguide/en/included/dataFilterSlider.xml =================================================================== --- trunk/docs/userguide/en/included/dataFilterSlider.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/dataFilterSlider.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -39,12 +39,12 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page:</para> <programlisting role="XML"><![CDATA[... - <rich:dataFilterSlider sliderListener="#{mybean.doSlide}" - startRange="0" - endRange="50000" - increment="10000" - handleValue="1" - /> + <rich:dataFilterSlider sliderListener="#{mybean.doSlide}" + startRange="0" + endRange="50000" + increment="10000" + handleValue="1" + /> ... ]]></programlisting> </section> @@ -63,18 +63,18 @@ filters data in this table. </para> <para><emphasis role="bold">Example:</emphasis></para> <programlisting role="XML"><![CDATA[... - <rich:dataFilterSlider sliderListener="#{mybean.doSlide}" - startRange="0" - endRange="50000" - increment="10000" - handleValue="1" - for="carIndex" - forValRef="inventoryList.carInventory" - filterBy="getMileage" + <rich:dataFilterSlider sliderListener="#{mybean.doSlide}" + startRange="0" + endRange="50000" + increment="10000" + handleValue="1" + for="carIndex" + forValRef="inventoryList.carInventory" + filterBy="getMileage" /> ... <h:dataTable id="carIndex"> - ... + ... </h:dataTable> ... ]]></programlisting> Modified: trunk/docs/userguide/en/included/dataGrid.xml =================================================================== --- trunk/docs/userguide/en/included/dataGrid.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/dataGrid.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -46,9 +46,9 @@ <title>Creating the Component with a Page Tag</title> <para>To create the simplest variant of <property>dataGrid</property> on a page, use the following syntax:</para> <programlisting role="XML"><![CDATA[... - <rich:dataGrid value="#{bean.capitals}" var="caps" columns="4"> - <h:outputText value="#{caps.name}"/> - </rich:dataGrid> + <rich:dataGrid value="#{bean.capitals}" var="caps" columns="4"> + <h:outputText value="#{caps.name}"/> + </rich:dataGrid> ... ]]></programlisting> </section> @@ -76,14 +76,14 @@ <para>Here is an example for the first screenshot:</para> <programlisting role="XML"><![CDATA[... <rich:dataGrid value="#{bean.capitals}" var="caps" ajaxKeys="#{listBean.list}" - binding="#{listBean.dataList}" id="grid" elements="20" columns="4"> - <h:graphicImage value="#{cap.stateFlag}"/> - <h:outputText value="#{cap.name}"/> - <h:outputText value="#{cap.state}"/> - <h:outputText value="#{cap.timeZone}"/> - </rich:dataGrid> + binding="#{listBean.dataList}" id="grid" elements="20" columns="4"> + <h:graphicImage value="#{cap.stateFlag}"/> + <h:outputText value="#{cap.name}"/> + <h:outputText value="#{cap.state}"/> + <h:outputText value="#{cap.timeZone}"/> + </rich:dataGrid> ... -<a4j:commandButton action"#{listBean.action}" reRender="grid" value="Submit"/> + <a4j:commandButton action"#{listBean.action}" reRender="grid" value="Submit"/> ... ]]></programlisting> <para>In the example there is an output of a grid with four columns and output limitation to 20 elements. Modified: trunk/docs/userguide/en/included/dataList.xml =================================================================== --- trunk/docs/userguide/en/included/dataList.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/dataList.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -47,9 +47,9 @@ <title>Creating the Component with a Page Tag</title> <para>To create the simplest variant of <property>dataList</property> on a page, use the following syntax:</para> <programlisting role="XML"><![CDATA[... - <rich:dataList value="#{bean.capitals}" var="caps"> - <h:outputText value="#{caps.name}"/> - </rich:dataList> + <rich:dataList value="#{bean.capitals}" var="caps"> + <h:outputText value="#{caps.name}"/> + </rich:dataList> ... ]]></programlisting> </section> @@ -75,12 +75,12 @@ <para>The component is created basing on the <emphasis role="bold"><property>&lt;a4j:repeat&gt;</property></emphasis> component and as a result the component could be partially updated with AJAX.</para> <programlisting role="XML"><![CDATA[... - <rich:dataList value="#{bean.capitals}" var="caps" ajaxKeys="#{listBean.list}" - binding="#{listBean.dataList}" id="list"> - <h:outputText value="#{caps.name}"/> - </rich:dataList> + <rich:dataList value="#{bean.capitals}" var="caps" ajaxKeys="#{listBean.list}" + binding="#{listBean.dataList}" id="list"> + <h:outputText value="#{caps.name}"/> + </rich:dataList> ... -<a4j:commandButton action"#{listBean.action}" reRender="list" value="Submit"> + <a4j:commandButton action"#{listBean.action}" reRender="list" value="Submit"> ... ]]></programlisting> <para>Here during the action is processed the ajaxKeys set is composed into a list and then update Modified: trunk/docs/userguide/en/included/dataOrderedList.xml =================================================================== --- trunk/docs/userguide/en/included/dataOrderedList.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/dataOrderedList.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -46,9 +46,9 @@ <title>Creating the Component with a Page Tag</title> <para>To create the simplest variant of <property>dataOrderedList</property> on a page, use the following syntax:</para> <programlisting role="XML"><![CDATA[... - <rich:dataOrderedList value="#{bean.capitals}" var="caps"> - <h:outputText value="#{caps.name}"/> - </rich:dataOrderedList> + <rich:dataOrderedList value="#{bean.capitals}" var="caps"> + <h:outputText value="#{caps.name}"/> + </rich:dataOrderedList> ... ]]></programlisting> </section> @@ -74,12 +74,12 @@ <para>The component is created basing on the <emphasis role="bold"><property>&lt;a4j:repeat&gt;</property></emphasis> component and as a result the component could be partially updated with AJAX.</para> <programlisting role="XML"><![CDATA[... - <rich:dataOrderedList value="#{bean.capitals}" var="caps" ajaxKeys="#{listBean.list}" - binding="#{listBean.dataList}" id="list"> - <h:outputText value="#{caps.name}"/> - </rich:dataOrderedList> + <rich:dataOrderedList value="#{bean.capitals}" var="caps" ajaxKeys="#{listBean.list}" + binding="#{listBean.dataList}" id="list"> + <h:outputText value="#{caps.name}"/> + </rich:dataOrderedList> ... -<a4j:commandButton action"#{listBean.action}" reRender="list" value="Submit"> + <a4j:commandButton action"#{listBean.action}" reRender="list" value="Submit"> ... ]]></programlisting> <para>Here during the action is processed the ajaxKeys set is composed into a list and then update Modified: trunk/docs/userguide/en/included/dataTable.xml =================================================================== --- trunk/docs/userguide/en/included/dataTable.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/dataTable.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -47,9 +47,9 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page:</para> <programlisting role="XML"><![CDATA[... - <rich:dataTable value="#{capitalsBean.capitals}" var="capitals"> - <!--...//Set of columns and header/footer facets--> - </rich:dataTable> + <rich:dataTable value="#{capitalsBean.capitals}" var="capitals"> + <!--...//Set of columns and header/footer facets--> + </rich:dataTable> ... ]]></programlisting> </section> @@ -74,14 +74,14 @@ as a result the component has its possibilities of AJAX updates for a limited set of strings. The component is implemented with the <emphasis role="italic"><property>&quot;ajaxKeys&quot;</property></emphasis> attribute for a <property>table</property> and in contrast to the <emphasis role="bold"><property>&lt;a4j:repeat&gt;</property></emphasis> outputs the standard HTML structure for table rendering.</para> - <programlisting role="XML"><![CDATA[ - <rich:dataTable value="#{capitalsBean.capitals}" var="capitals" - ajaxKeys="#{bean.ajaxSet}" binding="#{bean.table}" id="table"> - <!--Set of columns and header/footer facets--> - </rich:dataTable> - ... - <a4j:commandButton action="#{bean.someAction}" reRender="table"/> + <programlisting role="XML"><![CDATA[... + <rich:dataTable value="#{capitalsBean.capitals}" var="capitals" + ajaxKeys="#{bean.ajaxSet}" binding="#{bean.table}" id="table"> + <!--Set of columns and header/footer facets--> + </rich:dataTable> ... + <a4j:commandButton action="#{bean.someAction}" reRender="table"/> +... ]]></programlisting> <para>For such a table during <property>someAction</property> method processing called with AJAX request when the key is pressed it&apos;s possible to fill in lot&apos;s of ajaxKeys with strings indices that are to be updated. A resulting output on the client Modified: trunk/docs/userguide/en/included/datascroller.xml =================================================================== --- trunk/docs/userguide/en/included/datascroller.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/datascroller.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -47,12 +47,12 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page:</para> <programlisting role="XML"><![CDATA[... -<h:dataTable id="table"> + <h:dataTable id="table"> + ... + </h:dataTable> + ... + <rich:datascroller for="table"/> ... -</h:dataTable> -... -<rich:datascroller for="table"/> -... ]]></programlisting> </section> <section> @@ -81,15 +81,16 @@ </itemizedlist> <para>The controls of fast switching are created adding the facets component with the corresponding name:</para> - <programlisting role="XML"><![CDATA[ - <rich:datascroller for="table" maxPages="10"> - <f:facet name="first"> - <h:outputText value="First"/> - </f:facet> - <f:facet name="last"> - <h:outputText value="Last"/> - </f:facet> - </rich:Datascroller> + <programlisting role="XML"><![CDATA[ ... + <rich:datascroller for="table" maxPages="10"> + <f:facet name="first"> + <h:outputText value="First"/> + </f:facet> + <f:facet name="last"> + <h:outputText value="Last"/> + </f:facet> + </rich:Datascroller> +... ]]></programlisting> <figure> <title>Datascroller controls</title> Modified: trunk/docs/userguide/en/included/dndParam.xml =================================================================== --- trunk/docs/userguide/en/included/dndParam.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/dndParam.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -53,12 +53,12 @@ <para>Here is a simple example as it might be used in a page, nested in one of the drag-and-drop components:</para> - <programlisting role="XML"> ... - &lt;rich:dragSupport dragType="file"&gt; - &lt;rich:dndParam name="testDrag" value="testDragValue" - type="drag"/&gt; - &lt;/rich:dragSupport&gt; - ... + <programlisting role="XML">... + &lt;rich:dragSupport dragType="file"&gt; + &lt;rich:dndParam name="testDrag" value="testDragValue" + type="drag"/&gt; + &lt;/rich:dragSupport&gt; +... </programlisting> </section> @@ -93,13 +93,14 @@ <para>In this case, <property>dndParam</property> is of a drag type and is defined in the following way:</para> - <programlisting role="JSP">&lt;rich:dragSupport ...&gt; - &lt;rich:dndParam type="drag" name="dragging"&gt; - &lt;h:graphicImage value="/img/product1_small.png"/&gt; - &lt;/rich:dndParam&gt; - - &lt;h:graphicImage value="product1.png"/&gt; -&lt;/rich:dragSupport&gt; + <programlisting role="JSP">... + &lt;rich:dragSupport ...&gt; + &lt;rich:dndParam type="drag" name="dragging"&gt; + &lt;h:graphicImage value="/img/product1_small.png"/&gt; + &lt;/rich:dndParam&gt; + &lt;h:graphicImage value="product1.png"/&gt; + &lt;/rich:dragSupport&gt; +... </programlisting> <para>Here <property>dndParam</property> defines an icon that is used by @@ -114,10 +115,12 @@ <para>In this case <property>dndParam</property> is of a drag type and is defined in the following way:</para> - <programlisting role="JSP">&lt;rich:dragSupport ...&gt; - &lt;rich:dndParam type="drag" name="label" value="#{msg.subj}"/&gt; - ... -&lt;/rich:dragSupport&gt; + <programlisting role="JSP">... + &lt;rich:dragSupport ...&gt; + &lt;rich:dndParam type="drag" name="label" value="#{msg.subj}"/&gt; + ... + &lt;/rich:dragSupport&gt; +... </programlisting> <para>The parameter is transmitted into an indicator for usage in an @@ -132,12 +135,14 @@ <para>In this case <property>dndParam</property> is of a drop type and is defined in the following way:</para> - <programlisting role="JSP">&lt;rich:dropSupport ...&gt; + <programlisting role="JSP">... + &lt;rich:dropSupport ...&gt; &lt;rich:dndParam type="drop" name="comp" &gt; - &lt;h:graphicImage height="16" width="16" value="/images/comp.png"/&gt; + &lt;h:graphicImage height="16" width="16" value="/images/comp.png"/&gt; &lt;/rich:dndParam&gt; - ... -&lt;/rich:dropSupport &gt; + ... + &lt;/rich:dropSupport &gt; +... </programlisting> <para>Here, <property>dndParam</property> passes icons into an indicator, Modified: trunk/docs/userguide/en/included/dragIndicator.xml =================================================================== --- trunk/docs/userguide/en/included/dragIndicator.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/dragIndicator.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -46,17 +46,17 @@ <section> <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page:</para> - <programlisting role="XML"><![CDATA[ ... - <dnd:dragIndicator id="indicator"> - <f:facet name="single"> - <f:verbatim> - <b>Single item</b> {DragInfo} - </f:verbatim> - </f:facet> - </dnd:dragIndicator> - ... -<dnd:dragSupport dragType="text" dragIndicator="indicator"> - ... + <programlisting role="XML"><![CDATA[... + <dnd:dragIndicator id="indicator"> + <f:facet name="single"> + <f:verbatim> + <b>Single item</b> {DragInfo} + </f:verbatim> + </f:facet> + </dnd:dragIndicator> + ... + <dnd:dragSupport dragType="text" dragIndicator="indicator"> +... ]]></programlisting> </section> <section> @@ -110,20 +110,23 @@ </listitem> </itemizedlist> <para>Here is an example for an accept facet:</para> - <programlisting role="XML"><![CDATA[<f:facet name="accept"> - <h:graphicImage value="./images/1.gif"/> -</f:facet> + <programlisting role="XML"><![CDATA[... + <f:facet name="accept"> + <h:graphicImage value="./images/1.gif"/> + </f:facet> +... ]]></programlisting> <para>Each of these three facets have a default structure for icons rendering on the left side.</para> <para>When it&apos;s necessary to define individual icons for dragged above elements of a <property>drop zone</property> from each particular drag area, use a <property>drop zone</property> <emphasis role="italic"><property>&quot;typeMapping&quot;</property></emphasis> attribute for the corresponding icons.</para> -<programlisting role="XML"><![CDATA[<rich:dropSupport acceptedTypes="[iconsDragged, textDragged]" typeMapping="{iconsDragged: DropIcon}"> - - <dnd:dndParam name="DropIcon"> - <h:graphicImage value="/images/drop-icon.png"/> - </dnd:dndParam> +<programlisting role="XML"><![CDATA[... + <rich:dropSupport acceptedTypes="[iconsDragged, textDragged]" typeMapping="{iconsDragged: DropIcon}"> + <dnd:dndParam name="DropIcon"> + <h:graphicImage value="/images/drop-icon.png"/> + </dnd:dndParam> + <rich:dropSupport/> ... ]]></programlisting> <para>Here, drag areas that are to be processed with this drop zone are of iconsDragged and Modified: trunk/docs/userguide/en/included/dragSupport.xml =================================================================== --- trunk/docs/userguide/en/included/dragSupport.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/dragSupport.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -63,8 +63,8 @@ <programlisting role="XML">... &lt;h:panelGrid id="drag1"&gt; - &lt;rich:dragSupport dragType="item"/&gt; - &lt;!--Some content to be dragged--&gt; + &lt;rich:dragSupport dragType="item"/&gt; + &lt;!--Some content to be dragged--&gt; &lt;/h:panelGrid&gt; ... </programlisting> @@ -94,10 +94,10 @@ <programlisting role="XML">... &lt;h:column&gt; - &lt;rich:dragSupport dragIndicator=":form:iii" dragType="text"&gt; - &lt;a4j:actionparam value="#{caps.name}" name="name"/&gt; - &lt;/rich:dragSupport&gt; - &lt;h:outputText value="#{caps.name}"/&gt; + &lt;rich:dragSupport dragIndicator=":form:iii" dragType="text"&gt; + &lt;a4j:actionparam value="#{caps.name}" name="name"/&gt; + &lt;/rich:dragSupport&gt; + &lt;h:outputText value="#{caps.name}"/&gt; &lt;/h:column&gt; ... </programlisting> @@ -108,13 +108,13 @@ <programlisting role="XML">... &lt;h:column&gt; - &lt;a4j:outputPanel&gt; - &lt;rich:dragSupport dragIndicator=":form:iii" dragType="text"&gt; - &lt;a4j:actionparam value="#{caps.name}" name="name"/&gt; - &lt;/rich:dragSupport&gt; - &lt;h:outputText value="#{caps.name}"/&gt; - &lt;/a4j:outputPanel&gt; - &lt;/h:column&gt; + &lt;a4j:outputPanel&gt; + &lt;rich:dragSupport dragIndicator=":form:iii" dragType="text"&gt; + &lt;a4j:actionparam value="#{caps.name}" name="name"/&gt; + &lt;/rich:dragSupport&gt; + &lt;h:outputText value="#{caps.name}"/&gt; + &lt;/a4j:outputPanel&gt; + &lt;/h:column&gt; ... </programlisting> @@ -127,20 +127,20 @@ example:</para> <programlisting role="XML">... -&lt;h:panelGrid id="drag1"&gt; - &lt;rich:dragSupport dragType="singleItems" .../&gt; - &lt;!--Some content to be dragged--&gt; -&lt;/h:panelGrid&gt; + &lt;h:panelGrid id="drag1"&gt; + &lt;rich:dragSupport dragType="singleItems" .../&gt; + &lt;!--Some content to be dragged--&gt; + &lt;/h:panelGrid&gt; ... -&lt;h:panelGrid id="drag2"&gt; - &lt;rich:dragSupport dragType="groups" .../&gt; - &lt;!--Some content to be dragged--&gt; -&lt;/h:panelGrid&gt; + &lt;h:panelGrid id="drag2"&gt; + &lt;rich:dragSupport dragType="groups" .../&gt; + &lt;!--Some content to be dragged--&gt; + &lt;/h:panelGrid&gt; ... -&lt;h:panelGrid id="drop1"&gt; - &lt;rich:dropSupport acceptedTypes="singleItems" .../&gt; - &lt;!--Drop zone content--&gt; -&lt;/h:panelGrid&gt; + &lt;h:panelGrid id="drop1"&gt; + &lt;rich:dropSupport acceptedTypes="singleItems" .../&gt; + &lt;!--Drop zone content--&gt; + &lt;/h:panelGrid&gt; ... </programlisting> Modified: trunk/docs/userguide/en/included/draggable.xml =================================================================== --- trunk/docs/userguide/en/included/draggable.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/draggable.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -47,11 +47,12 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page: </para> <programlisting role="XML"><![CDATA[... - <rich:draggable dragType="file"> - <!--Some Content to be Dragged--> - </rich:draggable> - ... -</rich:toolBar> + <rich:toolBar> + <rich:draggable dragType="file"> + <!--Some Content to be Dragged--> + </rich:draggable> + ... + </rich:toolBar> ]]></programlisting> </section> <section> @@ -66,16 +67,17 @@ <para>As it shown in the example, a key attribute is <emphasis role="italic"><property>&quot;dragType&quot;</property></emphasis>, where a name for an obtaining Drag-area is defined. Basing on this name, Drop-zones on a page decide whether to accept Drag-area content or not (with the help of Drag-areas lists accepted for processing that are defined in Drop-zones).</para> <para><emphasis role="bold">Example:</emphasis></para> <programlisting role="XML"><![CDATA[... - <rich:draggable dragType="dragTextBlocks"> - <!--Some Components There--> - </rich:draggable> - <rich:draggable dragType="dragIcons"> - <!--Some Components There--> - </rich:draggable> + <rich:draggable dragType="dragTextBlocks"> + <!--Some Components There--> + </rich:draggable> + <rich:draggable dragType="dragIcons"> + <!--Some Components There--> + </rich:draggable> + ... + <rich:dropZone acceptedTypes="[dragIcons]"> + <!--Some Content Representing DropZone--> + <rich:dropZone> ... - <rich:dropZone acceptedTypes="[dragIcons]"> - <!--Some Content Representing DropZone--> - <rich:dropZone> ]]></programlisting> <para>The example shows that Drop zone calls the corresponding drop event processing in it, only if a drop is generated from the second drop zone. </para> @@ -88,9 +90,11 @@ dragIndicator</ulink>.</para> <para>Thus, it&apos;s necessary only to define the following:</para> <para><emphasis role="bold">Example:</emphasis></para> - <programlisting role="XML"><![CDATA[<rich:draggable dragType="dragText"> - <h:outputText value="Hello"></h:outputText> -</rich:draggable> + <programlisting role="XML"><![CDATA[... + <rich:draggable dragType="dragText"> + <h:outputText value="Hello"></h:outputText> + </rich:draggable> +... ]]></programlisting> <para>in order to be able to drag this string on a page.</para> <para>The component also provide important components for redefinition of the corresponding Modified: trunk/docs/userguide/en/included/dropDownMenu.xml =================================================================== --- trunk/docs/userguide/en/included/dropDownMenu.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/dropDownMenu.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -61,7 +61,8 @@ &lt;rich:dropDownMenu value="Item1"&gt; &lt;!--Nested menu components--&gt; &lt;/rich:dropDownMenu&gt; -...</programlisting> +... + </programlisting> </section> <section> @@ -85,7 +86,8 @@ &lt;f:facet name="label"&gt; &lt;h:graphicImage value="/images/img1.gif"/&gt; &lt;/f:facet&gt; -...</programlisting> +... + </programlisting> <para>Use the "event" attribute to define an event for the represented element that triggers a menu appearance. An example of a menu appearance @@ -196,7 +198,8 @@ &lt;rich:dropDownMenu value="Item1" direction="bottom-right" jointPoint="tr"&gt; &lt;!--Nested menu components--&gt; &lt;/rich:dropDownMenu&gt; -...</programlisting> +... +</programlisting> <para>This is the result:</para> Modified: trunk/docs/userguide/en/included/dropSupport.xml =================================================================== --- trunk/docs/userguide/en/included/dropSupport.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/dropSupport.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -65,8 +65,8 @@ <programlisting role="XML">... &lt;rich:panel&gt; - &lt;rich:dropSupport acceptedTypes="text"/&gt; - &lt;/rich:panel&gt; + &lt;rich:dropSupport acceptedTypes="text"/&gt; + &lt;/rich:panel&gt; ... </programlisting> </section> @@ -105,8 +105,8 @@ <programlisting role="XML">... &lt;rich:dropSupport acceptedTypes="[iconsDragged, textDragged]" typeMapping="{iconsDragged: DropIcon}"&gt; &lt;rich:dndParam name="DropIcon"&gt; - &lt;h:graphicImage value="/images/drop-icon.png"/&gt; - &lt;/rich:dndParam&gt; + &lt;h:graphicImage value="/images/drop-icon.png"/&gt; + &lt;/rich:dndParam&gt; ... </programlisting> @@ -124,16 +124,16 @@ <programlisting role="XML">... &lt;rich:dataTable value="#{capitalsBean.capitals}" var="caps"&gt; - &lt;f:facet name="caption"&gt;Capitals List&lt;/f:facet&gt; - &lt;h:column&gt; - &lt;a4j:outputPanel&gt; - &lt;rich:dragSupport dragIndicator=":form:ind" dragType="text"&gt; - &lt;a4j:actionparam value="#{caps.name}" name="name"/&gt; - &lt;/rich:dragSupport&gt; - &lt;h:outputText value="#{caps.name}"/&gt; - &lt;/a4j:outputPanel&gt; - &lt;/h:column&gt; - &lt;/rich:dataTable&gt; + &lt;f:facet name="caption"&gt;Capitals List&lt;/f:facet&gt; + &lt;h:column&gt; + &lt;a4j:outputPanel&gt; + &lt;rich:dragSupport dragIndicator=":form:ind" dragType="text"&gt; + &lt;a4j:actionparam value="#{caps.name}" name="name"/&gt; + &lt;/rich:dragSupport&gt; + &lt;h:outputText value="#{caps.name}"/&gt; + &lt;/a4j:outputPanel&gt; + &lt;/h:column&gt; + &lt;/rich:dataTable&gt; ... </programlisting> @@ -142,10 +142,10 @@ <programlisting role="XML">... &lt;rich:panel style="width:100px;height:100px;"&gt; - &lt;f:facet name="header"&gt;Drop Zone&lt;/f:facet&gt; - &lt;rich:dropSupport acceptedTypes="text" reRender="box" - dropListener="#{capitalsBean.addCapital2}"/&gt; - &lt;/rich:panel&gt; + &lt;f:facet name="header"&gt;Drop Zone&lt;/f:facet&gt; + &lt;rich:dropSupport acceptedTypes="text" reRender="box" + dropListener="#{capitalsBean.addCapital2}"/&gt; + &lt;/rich:panel&gt; ... </programlisting> @@ -154,24 +154,23 @@ <programlisting role="XML">... &lt;rich:dataTable value="#{capitalsBean.capitals2}" var="cap2" id="box"&gt; - &lt;f:facet name="caption"&gt;Capitals chosen&lt;/f:facet&gt; - &lt;h:column&gt; - &lt;h:outputText value="#{cap2.name}"/&gt; - &lt;/h:column&gt; - &lt;/rich:dataTable&gt; + &lt;f:facet name="caption"&gt;Capitals chosen&lt;/f:facet&gt; + &lt;h:column&gt; + &lt;h:outputText value="#{cap2.name}"/&gt; + &lt;/h:column&gt; + &lt;/rich:dataTable&gt; ...</programlisting> <para>And finally, as a listener, this listener will implement the dropped element:</para> <programlisting role="JAVA">... - public void addCapital2(DropEvent event) { - FacesContext context = FacesContext.getCurrentInstance(); - Capital cap = new Capital(); - cap.setName(context.getExternalContext().getRequestParameterMap(). - get("name").toString()); - capitals2.add(cap); - } + public void addCapital2(DropEvent event) { + FacesContext context = FacesContext.getCurrentInstance(); + Capital cap = new Capital(); + cap.setName(context.getExternalContext().getRequestParameterMap().get("name").toString()); + capitals2.add(cap); + } ... </programlisting> Modified: trunk/docs/userguide/en/included/dropZone.xml =================================================================== --- trunk/docs/userguide/en/included/dropZone.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/dropZone.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -46,15 +46,17 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page: </para> <programlisting role="XML"><![CDATA[... - <rich:draggable dragType="DropIcons"> - <!-- Draggable content that can be dropped to next drop zone--> - </rich:draggable> - ... - <rich:dropZone acceptedTypes="[DropIcons]"> - <!--Some content to represent drop zone--> - </rich:dropZone> - ... -</rich:toolBar> + <rich:toolBar> + <rich:draggable dragType="DropIcons"> + <!-- Draggable content that can be dropped to next drop zone--> + </rich:draggable> + ... + <rich:dropZone acceptedTypes="[DropIcons]"> + <!--Some content to represent drop zone--> + </rich:dropZone> + ... + </rich:toolBar> +... ]]></programlisting> </section> <section> @@ -78,12 +80,15 @@ corresponding order of <emphasis role="bold"><property>&lt;rich:dndParam&gt;</property></emphasis> wrapping is defined for a drop from each drag-zone type</para> <para><emphasis role="bold">Example:</emphasis></para> - <programlisting role="XML"><![CDATA[<rich:dropZone acceptedTypes="[iconsDragged, textDragged]" - typeMapping="{iconsDragged: DropIcon}"> + <programlisting role="XML"><![CDATA[... + <rich:dropZone acceptedTypes="[iconsDragged, textDragged]" + typeMapping="{iconsDragged: DropIcon}"> <rich:dndParam name="DropIcon"> <h:graphicImage value="/images/drop-icon.png" /> </rich:dndParam> - ... + ... + </rich:dropZone> +... ]]></programlisting> <para>Thus, here is a drag zone indicator of iconsDragged type that obtains DropIcon parameter the same one as richParam gets. </para> Modified: trunk/docs/userguide/en/included/gmap.xml =================================================================== --- trunk/docs/userguide/en/included/gmap.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/gmap.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -46,7 +46,7 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page: </para> <programlisting role="XML"><![CDATA[... - <rich:gmap gmapKey="..."/> + <rich:gmap gmapKey="..."/> ... ]]></programlisting> </section> Modified: trunk/docs/userguide/en/included/inputNumberSlider.xml =================================================================== --- trunk/docs/userguide/en/included/inputNumberSlider.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/inputNumberSlider.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -45,7 +45,7 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page: </para> <programlisting role="XML"><![CDATA[... - <rich:inputNumberSlider minValue="0" maxValue="100" step="1"/> + <rich:inputNumberSlider minValue="0" maxValue="100" step="1"/> ... ]]></programlisting> </section> @@ -231,13 +231,12 @@ <para><emphasis role="bold">Example:</emphasis></para> <para>CSS code piece used on the page:</para> <programlisting role="HTML"><![CDATA[... - .rich-slider-handle{ - border:2px solid; - } - - .myClass{ - font-style:italic; - } + .rich-slider-handle{ + border:2px solid; + } + .myClass{ + font-style:italic; + } ... ]]></programlisting> <para>The component is defined in the following way:</para> Modified: trunk/docs/userguide/en/included/inputNumberSpinner.xml =================================================================== --- trunk/docs/userguide/en/included/inputNumberSpinner.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/inputNumberSpinner.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -46,7 +46,7 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page: </para> <programlisting role="XML"><![CDATA[... - <rich:inputNumberSpinner minValue="0" maxValue="100" step="1"/> + <rich:inputNumberSpinner minValue="0" maxValue="100" step="1"/> ... ]]></programlisting> </section> @@ -72,7 +72,7 @@ and a <property>spinner</property> step.</para> <para><emphasis role="bold">Example:</emphasis></para> <programlisting role="XML"><![CDATA[... -<rich:inputNumberSpinner minValue="1" maxValue="100"/> + <rich:inputNumberSpinner minValue="1" maxValue="100"/> ... ]]></programlisting> <para>It generates on a page:</para> @@ -235,15 +235,12 @@ <para><emphasis role="bold">Example:</emphasis></para> <para>CSS code piece used on the page:</para> <programlisting role="XML"><![CDATA[... - . rich-spinner-input - { - font-style:italic; - } - - .myClass - { - font-weight: bold; - } + . rich-spinner-input { + font-style:italic; + } + .myClass { + font-weight: bold; + } ... ]]></programlisting> <para>The component is defined in the following way:</para> Modified: trunk/docs/userguide/en/included/menuGroup.xml =================================================================== --- trunk/docs/userguide/en/included/menuGroup.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/menuGroup.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -51,14 +51,16 @@ </rich:menuGroup> ... </rich:dropDownMenu > -...]]></programlisting> +... +]]></programlisting> </section> <section> <title>Creating the Component Dynamically Using Java</title> <programlisting role="java"><![CDATA[... - org.richfaces.component.html.HtmlMenuGroup myGroup = new org.richfaces.component.html.HtmlMenuGroup (); -...]]></programlisting> +org.richfaces.component.html.HtmlMenuGroup myGroup = new org.richfaces.component.html.HtmlMenuGroup (); +... +]]></programlisting> </section> <section> @@ -76,8 +78,8 @@ <f:facet name="icon"> <h:selectBooleanCheckbox value="#{bean.property}"/> </f:facet> -...]]> - </programlisting> +... +]]></programlisting> <para> The &quot;iconFolder&quot; and &quot;iconFolderDisabled&quot; attributes are defined for using icons as folder icons. The &quot;iconFolder&quot; and &quot;iconFolderDisabled&quot; facets use their contents as folder icon representations in place of the attribute values. </para> @@ -100,8 +102,8 @@ <rich:menuGroup value="Active" direction="left" <!--Nested menu components--> </rich:menuGroup> -...]]> - </programlisting> +... +]]></programlisting> <para> This would be the result: </para> Modified: trunk/docs/userguide/en/included/menuItem.xml =================================================================== --- trunk/docs/userguide/en/included/menuItem.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/menuItem.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -49,13 +49,14 @@ <rich:menuItem value="Active"/> ... <rich:dropDownMenu> -...]]></programlisting> +... +]]></programlisting> </section> <section> <title>Creating the Component Dynamically Using Java</title> <programlisting role="java"><![CDATA[... - org.richfaces.component.html.HtmlMenuItem myItem = new org.richfaces.component.html.HtmlMenuItem (); +org.richfaces.component.html.HtmlMenuItem myItem = new org.richfaces.component.html.HtmlMenuItem (); ...]]></programlisting> </section> @@ -74,7 +75,8 @@ <f:facet name="icon"> <h:selectBooleanCheckbox value="#{bean.property}"/> </f:facet> -...]]></programlisting> +... +]]></programlisting> <para>The &lt;rich: menuItem&gt; "mode" attribute can be set to three possible parameters:</para> @@ -119,8 +121,9 @@ <h:outputLink value=”www.jboss.org”/> </rich:menuItem> ... - <rich:dropDownMenu> -...]]></programlisting> + <rich:dropDownMenu> +... +]]></programlisting> <para> You can use the &quot;disabled&quot; attribute to set the item state. </para> @@ -131,7 +134,8 @@ <rich:dropDownMenu> <rich:menuItem value="Disable" disabled="true"/> <rich:dropDownMenu> -...]]></programlisting> +... +]]></programlisting> </section> <section> Modified: trunk/docs/userguide/en/included/menuSeparator.xml =================================================================== --- trunk/docs/userguide/en/included/menuSeparator.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/menuSeparator.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -49,13 +49,14 @@ <rich: menuSeparator/> ... <rich:dropDownMenu/> -...]]></programlisting> +... +]]></programlisting> </section> <section> <title>Creating the Component Dynamically Using Java</title> <programlisting role="java"><![CDATA[... - org.richfaces.component.html.HtmlMenuSeparator mySep = new org.richfaces.component.html.HtmlMenuSeparator (); +org.richfaces.component.html.HtmlMenuSeparator mySep = new org.richfaces.component.html.HtmlMenuSeparator (); ...]]></programlisting> </section> Modified: trunk/docs/userguide/en/included/modalPanel.xml =================================================================== --- trunk/docs/userguide/en/included/modalPanel.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/modalPanel.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -62,18 +62,18 @@ <para>Here is a simple example as it might be used in a page:</para> <programlisting role="XML">... - &lt;rich:modalPanel id=&quot;panel&quot;&gt; - &lt;f:facet name="header"&gt; - &lt;h:outputText value="header"&gt; - &lt;/f:facet&gt; - ... - &lt;!--Any Content inside--&gt; - ... - &lt;a href="javascript:RichFaces.hideModalPanel('form:panel')"&gt;Hide&lt;/a&gt; - &lt;/rich:panel&gt; - ... - &lt;a href="javascript:RichFaces.showModalPanel('form:panel')"&gt;Show&lt;/a&gt; + &lt;rich:modalPanel id=&quot;panel&quot;&gt; + &lt;f:facet name="header"&gt; + &lt;h:outputText value="header"&gt; + &lt;/f:facet&gt; + ... + &lt;!--Any Content inside--&gt; + ... + &lt;a href="javascript:RichFaces.hideModalPanel('form:panel')"&gt;Hide&lt;/a&gt; + &lt;/rich:modalpanel&gt; ... + &lt;a href="javascript:RichFaces.showModalPanel('form:panel')"&gt;Show&lt;/a&gt; +... </programlisting> </section> @@ -128,19 +128,18 @@ <para>It&apos;s possible to add a &quot;header&quot; facet to the component to set the content for the header.</para> - <programlisting role="XML"> -&lt;form jsfc="h:form" id="form"&gt; - &lt;rich:modalPanel id="panel" width="400" height="300"&gt; - &lt;f:facet name="header"&gt; - &lt;h:outputText value="Modal Panel"/&gt; - &lt;/f:facet&gt; - -&lt;h:graphicImage value="/pages/california_large.gif"/&gt; - &lt;a href="javascript:Richfaces.hideModalPanel('form:panel')"&gt;Close&lt;/a&gt; - -&lt;/rich:modalPanel&gt; - &lt;a href="javascript:Richfaces.showModalPanel('form:panel');"&gt;Open&lt;/a&gt; -&lt;/form&gt; + <programlisting role="XML">... + &lt;form jsfc="h:form" id="form"&gt; + &lt;rich:modalPanel id="panel" width="400" height="300"&gt; + &lt;f:facet name="header"&gt; + &lt;h:outputText value="Modal Panel"/&gt; + &lt;/f:facet&gt; + &lt;h:graphicImage value="/pages/california_large.gif"/&gt; + &lt;a href="javascript:Richfaces.hideModalPanel('form:panel')"&gt;Close&lt;/a&gt; + &lt;/rich:modalPanel&gt; + &lt;a href="javascript:Richfaces.showModalPanel('form:panel');"&gt;Open&lt;/a&gt; + &lt;/form&gt; +... </programlisting> <para>This defines a window with a particular size and ID. It includes one @@ -161,13 +160,13 @@ control elements on a header.</para> <programlisting role="XML"> -&lt;rich:modalPanel id="panel"&gt; - &lt;f:facet name="header"&gt;&lt;h:outputText value="Modal Panel"/&gt;&lt;/f:facet&gt; - &lt;f:facet name="controls"&gt; - &lt;a href="javascript:Richfaces.hideModalPanel('form:panel')"&gt;X&lt;/a&gt; - &lt;/f:facet&gt; - &lt;h:graphicImage value="/pages/california_large.gif"/&gt; -&lt;/rich:modalPanel&gt; + &lt;rich:modalPanel id="panel"&gt; + &lt;f:facet name="header"&gt;&lt;h:outputText value="Modal Panel"/&gt;&lt;/f:facet&gt; + &lt;f:facet name="controls"&gt; + &lt;a href="javascript:Richfaces.hideModalPanel('form:panel')"&gt;X&lt;/a&gt; + &lt;/f:facet&gt; + &lt;h:graphicImage value="/pages/california_large.gif"/&gt; + &lt;/rich:modalPanel&gt; </programlisting> <para>The result displays like this:</para> Modified: trunk/docs/userguide/en/included/paint2D.xml =================================================================== --- trunk/docs/userguide/en/included/paint2D.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/paint2D.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -46,7 +46,7 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page: </para> <programlisting role="XML"><![CDATA[... - <rich:paint2D paint="#{paint2D.paint}" data="#{paint2DModel}"/> + <rich:paint2D paint="#{paint2D.paint}" data="#{paint2DModel}"/> ... ]]></programlisting> <para>Here <emphasis Modified: trunk/docs/userguide/en/included/panel.xml =================================================================== --- trunk/docs/userguide/en/included/panel.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/panel.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -46,14 +46,15 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page: </para> <programlisting role="XML"><![CDATA[... - <rich:panel> - <f:facet name="header"> - <h:outputText value="Panel Header"/> - </f:facet> - ... - <!--Any Content inside--> - ... - </rich:panel> + <rich:panel> + <f:facet name="header"> + <h:outputText value="Panel Header"/> + </f:facet> + ... + <!--Any Content inside--> + ... + </rich:panel> +... ]]></programlisting> </section> <section> @@ -72,10 +73,10 @@ </para> <para><emphasis role="bold">Example:</emphasis></para> <programlisting role="XML"><![CDATA[... -<rich:panel> + <rich:panel> + ... + </rich:panel> ... -</rich:panel> -... ]]></programlisting> <para>It&apos;s generating on a page in the following way:</para> <figure> @@ -92,12 +93,14 @@ <para>The example shows that similar rectangular areas are formed with a particular style.</para> <para>When creating a <property>panel</property> with a header element, one more <emphasis role="bold"><property>&lt;div&gt;</property></emphasis> element is added with content defined for a header.</para> <para><emphasis role="bold">Example:</emphasis></para> - <programlisting role="XML"><![CDATA[<rich:panel> - <f:facet name="header"> - <h:outputText value="Olympus EVOLT E-500 "/> - </f:facet> - ... -</rich:panel> + <programlisting role="XML"><![CDATA[... + <rich:panel> + <f:facet name="header"> + <h:outputText value="Olympus EVOLT E-500 "/> + </f:facet> + ... + </rich:panel> +... ]]></programlisting> <para>It&apos;s displayed on a page in the following way:</para> <figure> @@ -280,12 +283,12 @@ <para><emphasis role="bold">Example:</emphasis></para> <para>CSS code piece used on the page:</para> <programlisting role="XML"><![CDATA[... - .rich-panel-header{ - background-color:#F99; - } - .myClass{ - font-style:italic; - } + .rich-panel-header{ + background-color:#F99; + } + .myClass{ + font-style:italic; + } ... ]]></programlisting> <para>Hence, a header class is redefined for all <property>panels</property> (its color changed) of Modified: trunk/docs/userguide/en/included/panelBar.xml =================================================================== --- trunk/docs/userguide/en/included/panelBar.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/panelBar.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -46,15 +46,15 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page: </para> <programlisting role="XML"><![CDATA[... - <rich:panelBar> - <!--//... --> - <rich:panelBarItem label="Canon"> - ... - </rich:panelBarItem> - <rich:panelBarItem label="Nikon"> - ... - </rich:panelBarItem> - </rich:panelBar> + <rich:panelBar> + <!--//... --> + <rich:panelBarItem label="Canon"> + ... + </rich:panelBarItem> + <rich:panelBarItem label="Nikon"> + ... + </rich:panelBarItem> + </rich:panelBar> ... ]]></programlisting> </section> @@ -154,32 +154,34 @@ <para><emphasis role="bold">Example:</emphasis></para> <para>CSS code piece used on the page:</para> <programlisting role="HTML"><![CDATA[... - . rich-panelbar{ - padding:10px; - } - - .myClass{ - font-style:italic; - } -...]]></programlisting> + . rich-panelbar{ + padding:10px; + } + .myClass{ + font-style:italic; + } +... +]]></programlisting> <para>When using headerClass and headerClassActive attributes the declaration of headerClass should precede the one of headerClassActive:</para> <programlisting role="HTML"><![CDATA[... - .headerClass{ - ... - } - - .headerClassActive{ - ... - } -...]]></programlisting> + .headerClass{ + ... + } + .headerClassActive{ + ... + } +... +]]></programlisting> <para>The component is defined in the following way:</para> <para><emphasis role="bold">Example:</emphasis></para> -<programlisting role="XML"><![CDATA[<rich:panelBar contentClass="myClass"> - <rich:panelBarItem> - ... - </rich:panelBarItem> -</rich:panelBar> +<programlisting role="XML"><![CDATA[... + <rich:panelBar contentClass="myClass"> + <rich:panelBarItem> + ... + </rich:panelBarItem> + </rich:panelBar> +... ]]></programlisting> <para>Hence, paddings for all <property>panelBars</property> are changed on a page as well as a font for particular <property>panelBarItems</property> content.</para> Modified: trunk/docs/userguide/en/included/panelBarItem.xml =================================================================== --- trunk/docs/userguide/en/included/panelBarItem.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/panelBarItem.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -46,14 +46,14 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page: </para> <programlisting role="XML"><![CDATA[... - <rich:panelBar> - <rich:panelBarItem label="Canon"> - ... - </rich:panelBarItem> - <rich:panelBarItem label="Nikon"> - ... - </rich:panelBarItem> - </rich:panelBar> + <rich:panelBar> + <rich:panelBarItem label="Canon"> + ... + </rich:panelBarItem> + <rich:panelBarItem label="Nikon"> + ... + </rich:panelBarItem> + </rich:panelBar> ... ]]></programlisting> </section> @@ -195,21 +195,22 @@ <para><emphasis role="bold">Example:</emphasis></para> <para>CSS code piece used on the page:</para> <programlisting role="XML"><![CDATA[... - .rich-panelbar-header{ - font-size:14px; - } - - .myClass{ - font-style:italic; - } + .rich-panelbar-header{ + font-size:14px; + } + .myClass{ + font-style:italic; + } ... ]]></programlisting> <para>The component is defined in the following way:</para> -<programlisting role="XML"><![CDATA[<rich:panelBar> -<rich:panelBarItem contentClass="myClass"> - ... -</rich:panelBarItem> -</rich:panelBar> +<programlisting role="XML"><![CDATA[... + <rich:panelBar> + <rich:panelBarItem contentClass="myClass"> + ... + </rich:panelBarItem> + </rich:panelBar> +... ]]></programlisting> <para>Hence, a font size of all <property>panelBarItem</property> headers is changed on a page as well as a font for the Modified: trunk/docs/userguide/en/included/separator.xml =================================================================== --- trunk/docs/userguide/en/included/separator.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/separator.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -46,7 +46,7 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page:</para> <programlisting role="XML"><![CDATA[... - <rich:separator/> + <rich:separator/> ... ]]></programlisting> </section> Modified: trunk/docs/userguide/en/included/simpleTogglePanel.xml =================================================================== --- trunk/docs/userguide/en/included/simpleTogglePanel.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/simpleTogglePanel.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -47,9 +47,9 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page: </para> <programlisting role="XML"><![CDATA[... -<rich:simpleTogglePanel> - ... -</rich:simpleTogglePanel> + <rich:simpleTogglePanel> + ... + </rich:simpleTogglePanel> ... ]]></programlisting> </section> Modified: trunk/docs/userguide/en/included/spacer.xml =================================================================== --- trunk/docs/userguide/en/included/spacer.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/spacer.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -46,7 +46,7 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page:</para> <programlisting role="XML"><![CDATA[... - <rich:spacer/> + <rich:spacer/> ...]]></programlisting> </section> <section> Modified: trunk/docs/userguide/en/included/subTable.xml =================================================================== --- trunk/docs/userguide/en/included/subTable.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/subTable.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -45,10 +45,10 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page:</para> <programlisting role="XML"><![CDATA[... - <rich:dataTable value="#{capitalsBean.capitals}" var="capitals"> + <rich:dataTable value="#{capitalsBean.capitals}" var="capitals"> <!--...//Set of columns and header/footer facets--> <rich:subTable value=#{capitals.details} var="detail"> - <!--...//Set of columns and header/footer facets--> + <!--...//Set of columns and header/footer facets--> </rich:subTable> </rich:dataTable> ... @@ -78,16 +78,14 @@ with the <emphasis role="italic"><property>&quot;ajaxKeys&quot;</property></emphasis> attribute for a table and in contrast to the <emphasis role="bold"><property>&lt;a4j:repeat&gt;</property></emphasis> outputs the standard HTML structure for table rendering.</para> <programlisting role="XML"><![CDATA[... -<rich:dataTable value="#{capitalsBean.capitals}" var="capitals" id="table"> -<!--...//Set of columns and header/footer facets--> - - <rich:subTable value="#{capitals.details}" var="detail" ajaxKeys="#{bean.ajaxSet}" binding="#{bean.subtable}" > - <!--...//Set of columns and header/footer facets--> - </rich:subTable> - -</rich:dataTable> + <rich:dataTable value="#{capitalsBean.capitals}" var="capitals" id="table"> + <!--...//Set of columns and header/footer facets--> + <rich:subTable value="#{capitals.details}" var="detail" ajaxKeys="#{bean.ajaxSet}" binding="#{bean.subtable}" > + <!--...//Set of columns and header/footer facets--> + </rich:subTable> + </rich:dataTable> ... -<a4j:commandButton action="#{bean.someAction}" reRender="table"/> + <a4j:commandButton action="#{bean.someAction}" reRender="table"/> ... ]]></programlisting> <para>For such a table during someAction processing called with AJAX request when the key is pressed Modified: trunk/docs/userguide/en/included/suggestionBox.xml =================================================================== --- trunk/docs/userguide/en/included/suggestionBox.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/suggestionBox.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -46,23 +46,23 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page: </para> <programlisting role="XML"><![CDATA[... - <h:inputText value="#{bean.property}" id="suggest"/> - <rich:suggestionbox for="suggest" suggestionAction="#{bean.autocomplete}" - var="suggest"> - <h:column> - <h:outputText value="#{suggest.text}"/> - </h:column> - </rich:suggestionbox> + <h:inputText value="#{bean.property}" id="suggest"/> + <rich:suggestionbox for="suggest" suggestionAction="#{bean.autocomplete}" + var="suggest"> + <h:column> + <h:outputText value="#{suggest.text}"/> + </h:column> + </rich:suggestionbox> ... ]]></programlisting> <para>Here is the <emphasis role="italic"><property>bean.autocomplete</property></emphasis> method that returns the collection to pop up:</para> <programlisting role="JAVA"><![CDATA[public List autocomplete(Object event) { - String pref = event.toString(); - //collecting some data that begins with "pref" letters. + String pref = event.toString(); + //collecting some data that begins with "pref" letters. ... - return result; - } + return result; + } ]]></programlisting> </section> <section> @@ -99,15 +99,17 @@ role="italic"><property>&quot;height&quot;</property></emphasis>) that are obligatory for the suggestion component. The attributes have initial Defaults but should be specified manually in order to be changed.</para> <para>The <property>suggestionBox</property> component, as it is shown on the screenshot, could get any collection for an output and outputs it in a tooltip window the same as a custom dataTable (in several columns)</para> -<programlisting role="XML"><![CDATA[<rich:suggestionbox for="test" - suggestionAction="#{bean.autocomplete}" var="cit" fetchValue="#{cit.text}"> - <h:column> - <h:outputText value="#{cit.label}"/> - </h:column> - <h:column> - <h:outputText value="#{cit.text}"/> - </h:column> -</rich:suggestionbox> +<programlisting role="XML"><![CDATA[... + <rich:suggestionbox for="test" + suggestionAction="#{bean.autocomplete}" var="cit" fetchValue="#{cit.text}"> + <h:column> + <h:outputText value="#{cit.label}"/> + </h:column> + <h:column> + <h:outputText value="#{cit.text}"/> + </h:column> + </rich:suggestionbox> +... ]]></programlisting> <para>It looks on the page in the following way:</para> <figure> @@ -124,12 +126,12 @@ role="italic"><property>&quot;tokens&quot;</property></emphasis> that specifies separators after which a set of some characters sequence is defined as a new prefix beginning from this separator and not from the string beginning.</para> <para><emphasis role="bold">Example:</emphasis></para> <programlisting role="XML"><![CDATA[... - <rich:suggestiobox for="test" suggestionAction="#{bean.autocomplete}" var="cit" - selfRendered="true" tokens=","> - <h:column> - <h:outputText value="#{cit.text}"/> - </h:column> - </rich:suggestionbox> + <rich:suggestiobox for="test" suggestionAction="#{bean.autocomplete}" var="cit" + selfRendered="true" tokens=","> + <h:column> + <h:outputText value="#{cit.text}"/> + </h:column> + </rich:suggestionbox> ... ]]></programlisting> <para>This example shows that when a city is chosen and a comma and first letter character are input, Modified: trunk/docs/userguide/en/included/tab.xml =================================================================== --- trunk/docs/userguide/en/included/tab.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/tab.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -45,12 +45,12 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page: </para> <programlisting role="XML"><![CDATA[... - <rich:tabPanel> - <!--Set of Tabs inside--> - <rich:tab> - ... - </rich:tab> - </rich:tabPanel> + <rich:tabPanel> + <!--Set of Tabs inside--> + <rich:tab> + ... + </rich:tab> + </rich:tabPanel> ... ]]></programlisting> </section> @@ -66,17 +66,18 @@ <title>Details of Usage</title> <para>The main component function is to define a content group that is rendered and processed when the <property>tab</property> is active, i.e. click on a <property>tab</property> causes switching onto a <property>tab</property> containing content corresponded to this <property>tab</property>.</para> <para>A marker on a <property>tab</property> header defined with the <emphasis role="italic"><property>&quot;label&quot;</property></emphasis> attribute. Moreover, each <property>tab</property> could be disabled (switching on this <property>tab</property> is impossible) with the <emphasis role="italic"><property>&quot;disable&quot;</property></emphasis> attribute.</para> - <programlisting role="XML"><![CDATA[<rich:tabPanel width="20%"> - <rich:tab label="Tab"> - <h:outputText value="Active Tab content"/> - </rich:tab> - <rich:tab label="Disabled Tab" disabled="true"> - ... - </rich:tab> - <rich:tab label="Next Enabled Tab"> - ... - </rich:tab> - </rich:tabPanel> + <programlisting role="XML"><![CDATA[... + <rich:tabPanel width="20%"> + <rich:tab label="Tab"> + <h:outputText value="Active Tab content"/> + </rich:tab> + <rich:tab label="Disabled Tab" disabled="true"> + ... + </rich:tab> + <rich:tab label="Next Enabled Tab"> + ... + </rich:tab> + </rich:tabPanel> ]]></programlisting> <para>With this example it&apos;s possible to generate the <property>tab panel</property> with the second disabled and two active <property>tabs</property> (see the picture).</para> Modified: trunk/docs/userguide/en/included/tabPanel.xml =================================================================== --- trunk/docs/userguide/en/included/tabPanel.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/tabPanel.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -46,13 +46,12 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page: </para> <programlisting role="XML"><![CDATA[... - <rich:tabPanel> - <!--//Set of Tabs inside--> - <rich:tab> - ... - </rich:tab> - --> - </rich:tabPanel> + <rich:tabPanel> + <!--//Set of Tabs inside--> + <rich:tab> + ... + </rich:tab> + </rich:tabPanel> ... ]]></programlisting> </section> @@ -102,19 +101,20 @@ rendering of <property>tabPanel</property> components. The attribute has several values: left (Default), right, center, which specify Tabs components location on the top of the tabPanel.</para> - <programlisting role="XML"><![CDATA[ - <rich:tabPanel width="40%" headerAlignment="right"> - <rich:tab label="Canon"> - ... - </rich:tab> - <rich:tab label="Nikon"> - ... - </rich:tab> - <rich:tab label="Olympus"> - ... - </rich:tab> - </rich:tabPanel> ]]> - </programlisting> + <programlisting role="XML"><![CDATA[... + <rich:tabPanel width="40%" headerAlignment="right"> + <rich:tab label="Canon"> + ... + </rich:tab> + <rich:tab label="Nikon"> + ... + </rich:tab> + <rich:tab label="Olympus"> + ... + </rich:tab> + </rich:tabPanel> +... +]]></programlisting> <figure> <title>TabPanel with right aligned tabs</title> Modified: trunk/docs/userguide/en/included/toggleControl.xml =================================================================== --- trunk/docs/userguide/en/included/toggleControl.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/toggleControl.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -46,12 +46,13 @@ <section> <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page: </para> - <programlisting role="XML"><![CDATA[<rich:toggleControl for="panel"/> + <programlisting role="XML"><![CDATA[... + <rich:toggleControl for="panel"/> + ... + <rich:togglePanel id="panel" stateOrder="[facets order to be switched]"> + <!--//Set of Facets--> + </rich:togglePanel> ... -<rich:togglePanel id="panel" stateOrder="[facets order to be switched]"> - <!--//Set of Facets--> -</rich:togglePanel> -... ]]></programlisting> </section> <section> @@ -75,35 +76,30 @@ in <emphasis role="italic"><property>&quot;switchOrder&quot;</property></emphasis> attribute of <emphasis role="bold"><property>&lt;rich:togglePanel&gt;</property>.</emphasis></para> <para><emphasis role="bold">Example:</emphasis></para> - <programlisting role="XML"><![CDATA[<rich:togglePanel id="panel" - initialState="empty" switchType="client"> - <f:facet name="first"> - <h:panelGroup> - <rich:toggleControl for="helloForm:panel" value="Empty " - switchToState="empty"/> - <rich:toggleControl for="helloForm:panel" value=" Second" - switchToState="second"/> - ...//Some Content - </h:panelGroup> - </f:facet> + <programlisting role="XML"><![CDATA[... + <rich:togglePanel id="panel" initialState="empty" switchType="client"> + <f:facet name="first"> + <h:panelGroup> + <rich:toggleControl for="helloForm:panel" value="Empty " switchToState="empty"/> + <rich:toggleControl for="helloForm:panel" value=" Second" switchToState="second"/> + ...//Some Content + </h:panelGroup> + </f:facet> <f:facet name="second"> - <h:panelGroup> - <rich:toggleControl for="helloForm:panel" value="Empty " - switchToState="empty"/> - <rich:toggleControl for="helloForm:panel" value=" first" - switchToState="first"/> - ...//Some Content - </h:panelGroup> - </f:facet> - <f:facet name="empty"> - <h:panelGroup> - <rich:toggleControl for="helloForm:panel" value="first " - switchToState="first"/> - <rich:toggleControl for="helloForm:panel" value=" second" - switchToState="second"/> - </h:panelGroup> - </f:facet> -</rich:togglePanel> + <h:panelGroup> + <rich:toggleControl for="helloForm:panel" value="Empty " switchToState="empty"/> + <rich:toggleControl for="helloForm:panel" value=" first" switchToState="first"/> + ...//Some Content + </h:panelGroup> + </f:facet> + <f:facet name="empty"> + <h:panelGroup> + <rich:toggleControl for="helloForm:panel" value="first " switchToState="first"/> + <rich:toggleControl for="helloForm:panel" value=" second" switchToState="second"/> + </h:panelGroup> + </f:facet> + </rich:togglePanel> +... ]]></programlisting> <para>In this example the switching is performed on facets specified in the <emphasis role="italic"><property>&quot;switchToState&quot;</property></emphasis> attribute.</para> Modified: trunk/docs/userguide/en/included/togglePanel.xml =================================================================== --- trunk/docs/userguide/en/included/togglePanel.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/togglePanel.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -46,17 +46,17 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page: </para> <programlisting role="XML"><![CDATA[... - <rich:togglePanel> - <f:facet name="first"> - ... - </f:facet> - <f:facet name="second"> - ... - </f:facet> - ... - </rich:togglePanel> - ... - <!--//Set of the toggleControls somewhere on the page.--> + <rich:togglePanel> + <f:facet name="first"> + ... + </f:facet> + <f:facet name="second"> + ... + </f:facet> + ... + </rich:togglePanel> + ... + <!--//Set of the toggleControls somewhere on the page.--> ... ]]></programlisting> </section> @@ -104,20 +104,21 @@ role="italic"><property>&quot;stateOrder&quot;</property></emphasis> attribute. The facets names are enumerated in such an order that they are rendered when a control is clicked, as it&apos;s not defined where to switch beforehand.</para> -<programlisting role="XML"><![CDATA[<rich:togglePanel id="panel" - initialState="panelB" switchType="client" - stateOrder="panelA,panelB,panelC"> - <f:facet name="panelA"> - ... - </f:facet> - <f:facet name="panelB"> - ... - </f:facet> - <f:facet name="panelC"> - ... - </f:facet> -</rich:togglePanel> -<rich:toggleControl for="panel" value="Switch"/> +<programlisting role="XML"><![CDATA[... + <rich:togglePanel id="panel" initialState="panelB" switchType="client" + stateOrder="panelA,panelB,panelC"> + <f:facet name="panelA"> + ... + </f:facet> + <f:facet name="panelB"> + ... + </f:facet> + <f:facet name="panelC"> + ... + </f:facet> + </rich:togglePanel> + <rich:toggleControl for="panel" value="Switch"/> +... ]]></programlisting> <para>The example shows a <property>togglePanel</property> initial state when the second facet (panelB) is rendered and successive switching from the first to the second happens.</para> </section> Modified: trunk/docs/userguide/en/included/toolBar.xml =================================================================== --- trunk/docs/userguide/en/included/toolBar.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/toolBar.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -45,9 +45,11 @@ <section> <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page: </para> - <programlisting role="XML"><![CDATA[<rich:toolBar> - <!--//...Set of action or other JSF components--> -</rich:toolBar> + <programlisting role="XML"><![CDATA[... + <rich:toolBar> + <!--//...Set of action or other JSF components--> + </rich:toolBar> +... ]]></programlisting> </section> <section> Modified: trunk/docs/userguide/en/included/toolBarGroup.xml =================================================================== --- trunk/docs/userguide/en/included/toolBarGroup.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/toolBarGroup.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -45,17 +45,18 @@ <section> <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page: </para> - <programlisting role="XML"><![CDATA[<rich:toolBar> - ... - <rich:toolBarGroup> - <!--...Set of action or other JSF components--> - </rich:toolBarGroup> - ... - <rich:toolBarGroup> - <!--...Set of action or other JSF components--> - </rich:toolBarGroup> - ... -</rich:toolBar> + <programlisting role="XML"><![CDATA[... + <rich:toolBar> + ... + <rich:toolBarGroup> + <!--...Set of action or other JSF components--> + </rich:toolBarGroup> + <rich:toolBarGroup> + <!--...Set of action or other JSF components--> + </rich:toolBarGroup> + ... + </rich:toolBar> +... ]]></programlisting> </section> <section> @@ -91,16 +92,18 @@ role="italic"><property>&quot;location&quot;</property></emphasis> attribute with left (DEFAULT) and right values.</para> <para><emphasis role="bold">Example:</emphasis></para> - <programlisting role="XML"><![CDATA[<rich:toolBar itemSeparator="disc" width="500"> - <rich:toolBarGroup itemSeparator="line"> - <h:commandLink value="Command 1.1"/> - <h:commandLink value="Command 2.1"/> - </rich:toolBarGroup> - <rich:toolBarGroup itemSeparator="line" location="right"> - <h:commandLink value="Command 1.2"/> - <h:commandLink value="Command 2.2"/> - </rich:toolBarGroup> - </rich:toolBar> + <programlisting role="XML"><![CDATA[... + <rich:toolBar itemSeparator="disc" width="500"> + <rich:toolBarGroup itemSeparator="line"> + <h:commandLink value="Command 1.1"/> + <h:commandLink value="Command 2.1"/> + </rich:toolBarGroup> + <rich:toolBarGroup itemSeparator="line" location="right"> + <h:commandLink value="Command 1.2"/> + <h:commandLink value="Command 2.2"/> + </rich:toolBarGroup> + </rich:toolBar> +... ]]></programlisting> <para>The code result is the following:</para> <figure> Modified: trunk/docs/userguide/en/included/tree.xml =================================================================== --- trunk/docs/userguide/en/included/tree.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/tree.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -46,9 +46,9 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page: </para> <programlisting role="XML"><![CDATA[... - <rich:tree> - <!--Set of the Tree nodes--> - </rich:tree> + <rich:tree> + <!--Set of the Tree nodes--> + </rich:tree> ... ]]></programlisting> </section> @@ -114,23 +114,25 @@ <emphasis role="italic"><property>&quot;iconLeaf&quot;</property></emphasis> attributes define icons for the component. Also you can define icons using facets with the same names. If the facets are defined, the corresponding attributes are ignored and facets contents are used as icons. The width of a rendered facet area is 16px. -<programlisting role="JAVA"><![CDATA[ -<rich:tree ....> - ... - <f:facet name="icon"> - <hutputText value="A"/> - </f:facet> - <f:facet name="iconCollapsed"> - <hutputText value="B"/> - </f:facet> - <f:facet name="iconExpanded"> - <hutputText value="C"/> - </f:facet> - <f:facet name="iconLeaf"> - <hutputText value="D"/> - </f:facet> - ... -</rich:tree>]]></programlisting></para> +<programlisting role="JAVA"><![CDATA[... + <rich:tree ....> + ... + <f:facet name="icon"> + <hutputText value="A"/> + </f:facet> + <f:facet name="iconCollapsed"> + <hutputText value="B"/> + </f:facet> + <f:facet name="iconExpanded"> + <hutputText value="C"/> + </f:facet> + <f:facet name="iconLeaf"> + <hutputText value="D"/> + </f:facet> + ... + </rich:tree> +... + ]]></programlisting></para> </section> <section> <title>Built-In Drag and Drop</title> Modified: trunk/docs/userguide/en/included/treeNode.xml =================================================================== --- trunk/docs/userguide/en/included/treeNode.xml 2007-06-05 12:28:19 UTC (rev 1013) +++ trunk/docs/userguide/en/included/treeNode.xml 2007-06-05 12:46:12 UTC (rev 1014) @@ -46,11 +46,11 @@ <title>Creating the Component with a Page Tag</title> <para>Here is a simple example as it might be used in a page: </para> <programlisting role="XML"><![CDATA[... - <rich:tree ... faceNode="simpleNode"> - <rich:treeNode type="simpleNode"> - <!--Tree node data displaying template--> - </rich:treeNode> - </rich:tree> + <rich:tree ... faceNode="simpleNode"> + <rich:treeNode type="simpleNode"> + <!--Tree node data displaying template--> + </rich:treeNode> + </rich:tree> ... ]]></programlisting> </section> @@ -71,25 +71,27 @@ <emphasis role="italic"><property>&quot;iconLeaf&quot;</property></emphasis> attributes define icons for the component. Also you can define icons using facets with the same names. If the facets are defined, the corresponding attributes are ignored and facets contents are used as icons. The width of a rendered facet area is 16px. -<programlisting role="JAVA"><![CDATA[ -<rich:tree ....> - ... - <rich:treeNode ...> - <f:facet name="icon"> - <hutputText value="A"/> - </f:facet> - <f:facet name="iconCollapsed"> - <hutputText value="B"/> - </f:facet> - <f:facet name="iconExpanded"> - <hutputText value="C"/> - </f:facet> - <f:facet name="iconLeaf"> - <hutputText value="D"/> - </f:facet> - </rich:treeNode> - ... -</rich:tree>]]></programlisting></para> +<programlisting role="JAVA"><![CDATA[... + <rich:tree ....> + ... + <rich:treeNode ...> + <f:facet name="icon"> + <hutputText value="A"/> + </f:facet> + <f:facet name="iconCollapsed"> + <hutputText value="B"/> + </f:facet> + <f:facet name="iconExpanded"> + <hutputText value="C"/> + </f:facet> + <f:facet name="iconLeaf"> + <hutputText value="D"/> + </f:facet> + </rich:treeNode> + ... + </rich:tree> +... +]]></programlisting></para> </section> <section> @@ -97,13 +99,14 @@ <para>As it has been mentioned above, <property>treeNode</property> defines a template for nodes rendering in a tree. Thus, during XML document rendering (a web.xml application) as a tree, the following nodes output (passed via var=&quot;data&quot; on a tree) happens:</para> - <programlisting role="XML"><![CDATA[ -<rich:tree ... faceNode="simpleNode" ... value="#{bean.data}" var="data"> - <rich:treeNode type="simpleNode"> - <h:outputText value="context-param:"/> - <h:inputText value="#{data.name}"/> - </rich:treeNode> -</rich:tree > + <programlisting role="XML"><![CDATA[... + <rich:tree ... faceNode="simpleNode" ... value="#{bean.data}" var="data"> + <rich:treeNode type="simpleNode"> + <h:outputText value="context-param:"/> + <h:inputText value="#{data.name}"/> + </rich:treeNode> + </rich:tree > +... ]]></programlisting> <figure> <title>Nodes output</title>