From richfaces-svn-commits at lists.jboss.org Fri Jul 11 09:15:32 2008
Content-Type: multipart/mixed; boundary="===============9147593816607953883=="
MIME-Version: 1.0
From: richfaces-svn-commits at lists.jboss.org
To: richfaces-svn-commits at lists.jboss.org
Subject: [richfaces-svn-commits] JBoss Rich Faces SVN: r9527 - in
 trunk/docs/cdkguide/en/src/main: resources/images and 1 other directory.
Date: Fri, 11 Jul 2008 09:15:31 -0400
Message-ID: <E1KHITD-00049s-Q9@committer01.frg.pub.inap.atl.jboss.com>

--===============9147593816607953883==
Content-Type: text/plain; charset="utf-8"
MIME-Version: 1.0
Content-Transfer-Encoding: quoted-printable

Author: artdaw
Date: 2008-07-11 09:15:31 -0400 (Fri, 11 Jul 2008)
New Revision: 9527

Added:
   trunk/docs/cdkguide/en/src/main/resources/images/protoui.png
Modified:
   trunk/docs/cdkguide/en/src/main/docbook/includes/protoui.xml
Log:
http://jira.jboss.com/jira/browse/RF-3692 - 'Creating a UI prototype' secti=
on was added

Modified: trunk/docs/cdkguide/en/src/main/docbook/includes/protoui.xml
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- trunk/docs/cdkguide/en/src/main/docbook/includes/protoui.xml	2008-07-11=
 11:42:27 UTC (rev 9526)
+++ trunk/docs/cdkguide/en/src/main/docbook/includes/protoui.xml	2008-07-11=
 13:15:31 UTC (rev 9527)
@@ -6,12 +6,56 @@
             <keyword>proptotype</keyword>
             <keyword>UI</keyword>
             <keyword>CDK</keyword>
-    <keyword>Guide</keyword>
+            <keyword>Guide</keyword>
         </keywordset>
     </sectioninfo>
-<title>Creating a UI prototype</title>
-<para>
-UI prototype
-</para>
-</section>
-
+    <title>Creating a UI prototype</title>
+    <para> It is a good idea to first create a prototype of the intended m=
arkup. You will find out
+        which markup elements the component has to generate and also which=
 renderer-specific
+        attributes are needed in order to parameterize the generated marku=
p. </para>
+    <para> The <emphasis role=3D"bold">
+            <property>&lt;inputDate&gt;</property>
+        </emphasis> component consists of an HTML form <code><![CDATA[<inp=
ut>]]></code> element, an
+            <code><![CDATA[<img>]]></code> element, and <code><![CDATA[<di=
v>]]></code> element: </para>
+    <programlisting role=3D"XML"><![CDATA[...
+<div title=3D"Date Field Component">
+    <input name=3D"dateField" value=3D"01 January 2008" />
+    <img class=3D"overlay" src=3D"inputDateOverlay.gif" />
+</div>
+...]]>
+    </programlisting>
+    <para> As it is shown in the listing above there are three HTML attrib=
utes - <emphasis>
+            <property>&quot;title&quot;</property>
+        </emphasis>, <emphasis>
+            <property>&quot;name&quot;</property>
+        </emphasis>, and <emphasis>
+            <property>&quot; value&quot;</property>
+        </emphasis> - are needed to be parameterize the generated markup. =
</para>
+    <para>
+        You map the HTML attributes to the corresponding <code>UIComponent=
</code> attributes:
+    </para>
+    <programlisting role=3D"XML"><![CDATA[...
+<div title=3D"[title]">
+    <input name=3D"[clientID]" value=3D"[converted value]" />
+    <img class=3D"overlay" src=3D"inputDateOverlay.gif" />
+</div>
+...]]>
+    </programlisting>
+    <para>
+        All information about styles applied to the <emphasis role=3D"bold=
">
+            <property>&lt;inputDate&gt;</property>
+        </emphasis> component is considered in the following chapter.
+    </para>
+    <para>
+        This is the result of your prototype which shows a simple page wit=
h an input field and an icon indicates that =

+        this is a date field:
+    </para>
+    <figure>
+        <title>The date field component prototype implemented in HTML with=
 an icon</title>
+        <mediaobject> =

+            <imageobject>
+                <imagedata fileref=3D"images/protoui.png"/>
+            </imageobject>
+        </mediaobject>
+    </figure>
+</section>

Added: trunk/docs/cdkguide/en/src/main/resources/images/protoui.png
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
(Binary files differ)


Property changes on: trunk/docs/cdkguide/en/src/main/resources/images/proto=
ui.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream


--===============9147593816607953883==--