Author: chukhutsina
Date: 2009-08-13 12:24:27 -0400 (Thu, 13 Aug 2009)
New Revision: 17076
Modified:
trunk/jsf/docs/userguide/en/modules/editors.xml
Log:
<html><head><meta name="qrichtext" content="1"
/></head><body style="font-size:9pt;font-family:Sans Serif">
<
p>https://jira.jboss.org/jira/browse/JBDS-801 - Added the information that VPE
supports custom tags to Doc - VisualWebTools . </p>
</body></html>
Modified: trunk/jsf/docs/userguide/en/modules/editors.xml
===================================================================
--- trunk/jsf/docs/userguide/en/modules/editors.xml 2009-08-13 14:09:14 UTC (rev 17075)
+++ trunk/jsf/docs/userguide/en/modules/editors.xml 2009-08-13 16:24:27 UTC (rev 17076)
@@ -889,7 +889,74 @@
<imagedata
fileref="images/visual_page/icon_1.png"/>
</imageobject>
</inlinemediaobject>).</para>
-
+ <para>Visual Page Editor also displays custom tags correctly if they
are configured properly.
+ The picture below shows an example how custom tags
<emphasis><property>"pagination"</property></emphasis>
and
<emphasis><property>"echo"</property></emphasis>
will be displayed in VPE.
+ </para>
+ <figure>
+ <title>Custom Tags in the VPE</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata
fileref="images/visual_page/visual_page_4d.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+ <para>
+ The listings of the custom tags implementations will help to clear how
VPE works.
+ </para>
+
+ <itemizedlist>
+ <listitem><para>echo.xhtml: </para>
+ <programlisting role="XML"><![CDATA[
+ <ui:composition
xmlns:ui="http://java.sun.com/jsf/facelets">
+ <span class="message">#{msg}</span>
+ </ui:composition>
+ ]]></programlisting></listitem>
+
+ <listitem><para>paginator.xhtml:</para>
+
+ <programlisting role="XML"><![CDATA[
+ <?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html
xmlns="http://www.w3.org/1999/xhtml"
+
xmlns:ui="http://java.sun.com/jsf/facelets"
+
xmlns:h="http://java.sun.com/jsf/html"
+
xmlns:f="http://java.sun.com/jsf/core">
+<ui:component>
+<!-- h:inputHidden id="currentPage" replace, because if on page two fields,
+two elements with equal id has been used, but should be used only one -->
+ <h:panelGrid style="margin-right:auto;margin-left:auto;"
columns="4">
+ <h:commandButton value="<<" type="submit"
+ onclick="document.getElementById('currentPage').value=0" >
+ </h:commandButton>
+ <h:commandButton value="<" type="submit"
+ onclick="document.getElementById('currentPage').value=#{user.currentPage-user.rowsPerPage}">
+ </h:commandButton>
+ <h:commandButton value=">" type="submit"
+ onclick="document.getElementById('currentPage').value=#{user.currentPage+user.rowsPerPage}">
+ </h:commandButton>
+ <h:commandButton value=">>" type="submit"
+ onclick="document.getElementById('currentPage').value=#{user.numberOfItems
- user.rowsPerPage}">
+ </h:commandButton>
+ </h:panelGrid>
+ <h:inputHidden id="currentPage" value=""/>
+</ui:component>
+</html>
+]]></programlisting>
+ </listitem>
+ </itemizedlist>
+ <para>
+ If your custom tags aren't configured correctly your Visual mode
will look like this:
+ </para>
+ <figure>
+ <title>Wrong configured Custom Tags in the VPE</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata
fileref="images/visual_page/visual_page_4e.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
<section id="comments">
<title>Commenting out Code</title>
@@ -984,6 +1051,7 @@
</section>
</section>
+
<section id="pages_styling">
<title>Pages Styling</title>