Author: mcaspers Date: 2011-03-13 21:13:58 -0400 (Sun, 13 Mar 2011) New Revision: 29728 Modified: trunk/jsf/docs/jsf_tools_tutorial/en-US/images/jsf_application/jsf_application_8.png trunk/jsf/docs/jsf_tools_tutorial/en-US/jsp_view_files.xml Log: "General editing and screenshot updates" Modified: trunk/jsf/docs/jsf_tools_tutorial/en-US/images/jsf_application/jsf_application_8.png =================================================================== (Binary files differ) Modified: trunk/jsf/docs/jsf_tools_tutorial/en-US/jsp_view_files.xml =================================================================== --- trunk/jsf/docs/jsf_tools_tutorial/en-US/jsp_view_files.xml 2011-03-13 23:34:27 UTC (rev 29727) +++ trunk/jsf/docs/jsf_tools_tutorial/en-US/jsp_view_files.xml 2011-03-14 01:13:58 UTC (rev 29728) @@ -79,7 +79,7 @@ </listitem> <listitem> <para> - Select <guimenuitem>inputText</guimenuitem> within the JSF HTML palette folder place it at the end of the<code>&lt;h:form&gt;</code> element. + Select <guimenuitem>inputText</guimenuitem> within the JSF HTML palette folder place it at the end of the <code>&lt;h:form&gt;</code> element. </para> </listitem> </itemizedlist> @@ -99,66 +99,55 @@ </property>button</para> </listitem> <listitem> - <para>Then, select the <emphasis> - <property>Managed Beans > personBean > name</property> - </emphasis> node and click on the <emphasis> - <property>Ok</property> - </emphasis> button</para> + <para> + Then, select the <menuchoice><guimenuitem>Managed Beans</guimenuitem><guimenuitem>personBean</guimenuitem><guimenuitem>name</guimenuitem></menuchoice> node and click on the <guibutton>OK</guibutton> button.</para> </listitem> <listitem> - <para>Back in the attributes dialog type in <emphasis> - <property>&quot;name&quot;</property> - </emphasis> as the value for the <emphasis role="italic"> - <property>id</property> - </emphasis> attribute, and then click on the <emphasis> - <property>Close</property> - </emphasis> button</para> + <para> + Back in the attributes dialog, select the <guilabel>Advanced</guilabel> tab, and type in <guilabel>name</guilabel> as the value for the <guilabel>id</guilabel> attribute, and then click on the <guibutton>Finish</guibutton> button. + </para> </listitem> <listitem> - <para>Select <emphasis> - <property>commandButton</property> - </emphasis> within the JSF HTML palette folder and drag it into the - innermost box in the editor after the input box</para> + <para> + Select <guimenuitem>commandButton</guimenuitem> within the JSF HTML palette folder and drag it into the end of the <code>&lt;h:form&gt;</code> element. + </para> </listitem> <listitem> - <para>In the attributes dialog, click in the value field next to the <emphasis> - <property>action</property> - </emphasis> attribute and click on the <property>... - </property>button</para> + <para> + In the attributes dialog, click in the value field next to the <guilabel>action</guilabel> attribute and click on the <guibutton>...button</guibutton>. + </para> </listitem> <listitem> - <para>Then, select the <emphasis> - <property>View Actions > greeting</property> - </emphasis> node and click on the <emphasis> - <property>OK</property> - </emphasis> button</para> + <para> + Then, select the <menuchoice><guimenuitem>View Actions</guimenuitem><guimenuitem>greeting</guimenuitem></menuchoice> node and click on the <guibutton>OK</guibutton> button. + </para> </listitem> <listitem> - <para>Back in the attributes dialog box, type in &quot;Say Hello&quot; - as the value for the value attribute (&quot;Say Hello&quot;) and - then click on the <emphasis> - <property>Close</property> - </emphasis> button</para> + <para> + In the <guilabel>Advanced</guilabel> tab, type in <guilabel>Say Hello</guilabel> as the value for the value attribute (&quot;Say Hello&quot;) and then click on the <guibutton>Finish</guibutton> button. + </para> </listitem> </itemizedlist> <para>The source coding should be something like this now:</para> - <programlisting role="XML"><![CDATA[<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %> -<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %> + <programlisting role="XML"><![CDATA[<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> +<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%> +<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%> +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> -<title></title> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> + <title>Insert title here</title> </head> -<body> -<f:view> -<h:form id="greeting"> -Please enter name: -<h:inputText id="name" value="#{personBean.name}"/> -<h:commandButton value=" Say Hello " action="greeting"/> -</h:form> -</f:view> -</body> -</html> -]]></programlisting> + <body> + <f:view> + <h:form id="greeting"> + Please enter name: + <h:inputText id="name" value="#{personBean.name}"/> + <h:commandButton action="greeting" value="Say Hello"/> + </h:form> + </f:view> + </body> +</html>]]></programlisting> <para>The editor should look like this:</para> <figure> <title>Visual Page Editor</title> @@ -170,9 +159,7 @@ </figure> <itemizedlist> <listitem> - <para>Save the file by selecting <emphasis> - <property>File > Save</property> - </emphasis> from the menu bar</para> + <para>Save the file by selecting <menuchoice><guimenuitem>File</guimenuitem><guimenuitem>Save</guimenuitem></menuchoice> from the menu bar</para> </listitem> </itemizedlist> </section>