Author: irooskov(a)redhat.com Date: 2012-02-22 19:09:28 -0500 (Wed, 22 Feb 2012) New Revision: 39023 Added: trunk/jsf/docs/userguide/en-US/images/visual_page/icon_4.png trunk/jsf/docs/userguide/en-US/images/visual_page/visual_page_css-import.png Modified: trunk/jsf/docs/userguide/en-US/Book_Info.xml trunk/jsf/docs/userguide/en-US/editors.xml trunk/jsf/docs/userguide/en-US/images/preferences/preferences_7.png trunk/jsf/docs/userguide/en-US/preferences.xml Log: updated with all of beta1 content Modified: trunk/jsf/docs/userguide/en-US/Book_Info.xml =================================================================== --- trunk/jsf/docs/userguide/en-US/Book_Info.xml 2012-02-22 23:49:39 UTC (rev 39022) +++ trunk/jsf/docs/userguide/en-US/Book_Info.xml 2012-02-23 00:09:28 UTC (rev 39023) @@ -7,7 +7,7 @@ <productname>JBoss Developer Studio</productname> <productnumber>5.0</productnumber> <edition>5.0.0</edition> -<pubsnumber>6</pubsnumber> +<pubsnumber>7</pubsnumber> <abstract> <para>The Visual Web Tools Reference Guide explains extensive collection of specialized wizards, editors and views that can be used in various scenarios while developing Web applications.</para> </abstract> Modified: trunk/jsf/docs/userguide/en-US/editors.xml =================================================================== --- trunk/jsf/docs/userguide/en-US/editors.xml 2012-02-22 23:49:39 UTC (rev 39022) +++ trunk/jsf/docs/userguide/en-US/editors.xml 2012-02-23 00:09:28 UTC (rev 39023) @@ -1340,7 +1340,17 @@ <para> One more way to toggle between the various states of the split pane is using the <keycombo><keycap>Shift</keycap><keycap>F6</keycap></keycombo> keyboard shortcut for maximizing or restoring the <guilabel>Source</guilabel> part and <keycombo><keycap>Shift</keycap><keycap>Alt</keycap><keycap>F6</keycap></keycombo> for maximizing or restoring the <guilabel>Visual</guilabel> part. </para> - + <para> + You can synchronize the scrolling between the source and visual panes by clicking the <guibutton>Synchronize scrolling between source and visual panes</guibutton> + (<inlinemediaobject> + <imageobject> + <imagedata fileref="images/visual_page/icon_4.png"/> + </imageobject> + <textobject> + <phrase>Synchronize scrolling between source and visual panes</phrase> + </textobject> +</inlinemediaobject>) button in the toolbar of the Web Development perspective. This will ensure that scrolling in one window pane will automatically scroll the other pane to the same location. + </para> <note> <title>Tip:</title> <para> @@ -1687,9 +1697,31 @@ </section> <section id="external_stylesheets"> - <title>External Stylesheets</title> + <title>External Stylesheets (CSS)</title> <para> - The pages you are working with in the Visual Page Editor can use external stylesheets. The Visual Page Editor allows you to create new style classes in existing stylesheets, as well as edit them. The <guilabel>Edit Style Class</guilabel> dialog is provided for this purposes. + The pages you are working with in the Visual Page Editor can use external stylesheets. + </para> + <section> + <title>Importing a stylesheet</title> + <para> + You can import an existing stylesheet by using the <property>@import</property> annotation within your webpage file. The annotation for importing a file is structured as <property>@import "path/to/file.css";</property>. + </para> + <para> + An example of how it is used can be seen below: + </para> + <figure> + <title>Importing a stylesheet</title> + <mediaobject> + <imageobject> + <imagedata fileref="images/visual_page/visual_page_css-import.png"/> + </imageobject> + </mediaobject> + </figure> + </section> + <section> + <title>Modifying an existing stylesheet</title> + <para> + The Visual Page Editor allows you to create new style classes in existing stylesheets, as well as edit them. The <guilabel>Edit Style Class</guilabel> dialog is provided for this purposes. </para> <para> @@ -1839,6 +1871,7 @@ <para> Choose the appropriate <filename>CSS</filename> file and click on the <guibutton>OK</guibutton> button. </para> + </section> </section> </section> Modified: trunk/jsf/docs/userguide/en-US/images/preferences/preferences_7.png =================================================================== (Binary files differ) Added: trunk/jsf/docs/userguide/en-US/images/visual_page/icon_4.png =================================================================== (Binary files differ) Property changes on: trunk/jsf/docs/userguide/en-US/images/visual_page/icon_4.png ___________________________________________________________________ Added: svn:mime-type + application/octet-stream Added: trunk/jsf/docs/userguide/en-US/images/visual_page/visual_page_css-import.png =================================================================== (Binary files differ) Property changes on: trunk/jsf/docs/userguide/en-US/images/visual_page/visual_page_css-import.png ___________________________________________________________________ Added: svn:mime-type + application/octet-stream Modified: trunk/jsf/docs/userguide/en-US/preferences.xml =================================================================== --- trunk/jsf/docs/userguide/en-US/preferences.xml 2012-02-22 23:49:39 UTC (rev 39022) +++ trunk/jsf/docs/userguide/en-US/preferences.xml 2012-02-23 00:09:28 UTC (rev 39023) @@ -504,6 +504,19 @@ </thead> <tbody> + <row> + <entry> + Show toolbar within the editor (otherwise in Eclipse's toolbar) + </entry> + + <entry> + The option allows to select where the Visual Page Editor toolbar appears. By default it appears as part of the Eclipse toolbar. + </entry> + + <entry> + Off + </entry> + </row> <row> <entry> Show border for unknown tags @@ -590,18 +603,30 @@ <row> <entry> - Ask for confirmation when closing the Selection Bar + Inform if the project is not configured properly to use Visual Page Editor </entry> <entry> - Check this box if you don&apos;t want the confirmation window appears when closing the Selection Bar + If this option is deselected you will not be notified that a project is not configured for use with the Visual Page Editor. This may cause unexpected results. </entry> <entry> On </entry> </row> - + <row> + <entry> + Synchronize scrolling between source and visual panes + </entry> + + <entry> + This option allows you to set the scrollbars of the source and visual panes of the editor to be synchronized by default. An option to activate and deactivate this option exists as part of the toolbar. + </entry> + + <entry> + Off + </entry> + </row> <row> <entry> Select the default active editor&apos;s tab