r20794 - gnucash-docs/trunk/guide/C - bug#635365: documents the new dialog related to style sheets

Cristian Marchi cmarchi at code.gnucash.org
Tue Jun 21 14:43:20 EDT 2011 

Author: cmarchi
Date: 2011-06-21 14:43:20 -0400 (Tue, 21 Jun 2011)
New Revision: 20794
Trac: http://svn.gnucash.org/trac/changeset/20794

Modified:
   gnucash-docs/trunk/guide/C/ch_bus_ar.xml
   gnucash-docs/trunk/guide/C/figures/bus_ar_invoicechange1.png
   gnucash-docs/trunk/guide/C/figures/bus_ar_invoicechange2.png
Log:
bug#635365: documents the new dialog related to style sheets

Modified: gnucash-docs/trunk/guide/C/ch_bus_ar.xml
===================================================================
--- gnucash-docs/trunk/guide/C/ch_bus_ar.xml	2011-06-21 12:20:22 UTC (rev 20793)
+++ gnucash-docs/trunk/guide/C/ch_bus_ar.xml	2011-06-21 18:43:20 UTC (rev 20794)
@@ -984,19 +984,20 @@
     appearance.</para>
 
     <para>Use <menuchoice><guimenu>File</guimenu><guimenuitem>Properties</guimenuitem></menuchoice> to
-    enter your company name and address, which is printed on the right side of
-    invoices.</para>
+    enter your Company informations in the <guilabel>Business</guilabel> tab of the <guilabel>Book Options</guilabel> window.
+    Some of the entered informations are printed on the right side of invoices.</para>
 
     <para>To add a customized background, heading banner or logo to invoices,
     modify the invoice style sheets. To do this, go to <menuchoice><guimenu>Edit</guimenu>
-    <guimenuitem>Style Sheets</guimenuitem></menuchoice> and make a <guilabel>New</guilabel>
-    style sheet. You will see a window like this:</para>
+    <guimenuitem>Style Sheets</guimenuitem></menuchoice> and select the <guibutton>New</guibutton>
+    button in the <guilabel>Select HTML Style Sheet</guilabel> window that will appear.
+    You will then see a window like this:</para>
 
     <screenshot id="bus-ar-invoicechange1">
       <mediaobject>
         <imageobject>
           <imagedata fileref="figures/bus_ar_invoicechange1.png" format="PNG"
-                     srccredit="Patrick Schweiger" />
+                     srccredit="Cristian Marchi" />
         </imageobject>
 
         <textobject>
@@ -1007,31 +1008,36 @@
       </mediaobject>
     </screenshot>
 
-    <para>You must select the <guilabel>Fancy</guilabel> style sheet template,
-    and choose a name for your new style sheet. When you click the
-    <guibutton>OK</guibutton> button, the <acronym>HTML</acronym> Style Sheet editor window is
-    displayed. This window contains four tabs: <guilabel>Colors</guilabel>, <guilabel>General</guilabel>, 
-    <guilabel>Images</guilabel>, and <guilabel>Tables</guilabel>. The <guilabel>Colors</guilabel>
-    tab allows you to change the colors of various sections
-    of the invoice. The <guilabel>General</guilabel> tab allows you to set the <guilabel>Preparer</guilabel> and
-    <guilabel>Prepared for</guilabel> information, and to enable links. The <guilabel>Images</guilabel> tab allows you
-    to import graphics into the style sheet. The <guilabel>Tables</guilabel> tab allows you to
+    <para>Give a <guilabel>Name</guilabel> to the new style sheet (e.g. <guilabel>Custom Invoice</guilabel>) and select the 
+    <guilabel>Fancy</guilabel> <guilabel>Template</guilabel>. When you click the
+    <guibutton>OK</guibutton> button, the <guilabel>HTML Style Sheet Properties</guilabel> window is
+    displayed. This window presents you five sections listed in the left pane: <guilabel>Colors</guilabel>, <guilabel>Fonts</guilabel>,
+    <guilabel>General</guilabel>, <guilabel>Images</guilabel>, and <guilabel>Tables</guilabel>. The <guilabel>Colors</guilabel>
+    section allows you to change the colors of various items of the invoice. The <guilabel>Fonts</guilabel> section lets you
+    set fonts type and dimensions. The <guilabel>General</guilabel> section allows you to set the <guilabel>Preparer</guilabel> and
+    <guilabel>Prepared for</guilabel> information, and to <guilabel>Enable Links</guilabel>. The <guilabel>Images</guilabel> section allows you
+    to import graphics into the style sheet. The <guilabel>Tables</guilabel> section allows you to
     adjust the spacing around the tables which make up the invoice.</para>
 
     <para>To include a company logo, banner heading and background image, use
     your favorite graphics application such as <application>The Gimp</application> or <application>OpenOffice Draw</application> to
     save the images in either <acronym>GIF</acronym> or <acronym>PNG</acronym> format. Then import them into the
-    style sheet using the <guilabel>Images</guilabel> tab.</para>
+    style sheet using the <guilabel>Images</guilabel> section described above.</para>
 
     <para>Below is an example that imports all three types of images.</para>
 
     <screenshot id="bus-ar-invoicechange2">
       <mediaobject>
-        <imageobject>
+        <imageobject role="html">
           <imagedata fileref="figures/bus_ar_invoicechange2.png" format="PNG"
-                     srccredit="Patrick Schweiger" />
+                     srccredit="Cristian Marchi" width="510"/>
         </imageobject>
 
+        <imageobject role="fo">
+          <imagedata fileref="figures/bus_ar_invoicechange2.png" format="PNG"
+                     srccredit="Cristian Marchi"/>
+        </imageobject>
+
         <textobject>
           <phrase>HTML Style Sheets example</phrase>
         </textobject>
@@ -1040,17 +1046,19 @@
         Tile, Heading Banner, and Logo.</para></caption>
       </mediaobject>
     </screenshot>
+    
+    <note>
+      <para>The images are placed in the invoice as follows. The
+      <guilabel>Background Tile</guilabel> is tiled to become the background
+      image, the <guilabel>Heading Banner</guilabel> goes to above the invoice
+      text, and the <guilabel>Logo</guilabel> is placed in the upper left corner
+      of the invoice to the left of the Heading Banner. You will probably have
+      to try a few different sized images until you get the invoices to print
+      nicely. Some sizing suggestions are that the Logo should be 1 square cm
+      (~0.5 inch), and the Heading Banner should be 15 cm (~6 inches) wide and 1
+      cm (~0.5 inch) tall.</para>
+    </note>
 
-    <para>The images are placed in the invoice as follows. The
-    <guilabel>Background Tile</guilabel> is tiled to become the background
-    image, the <guilabel>Heading Banner</guilabel> goes to above the invoice
-    text, and the <guilabel>Logo</guilabel> is placed in the upper left corner
-    of the invoice to the left of the Heading Banner. You will probably have
-    to try a few different sized images until you get the invoices to print
-    nicely. Some sizing suggestions are that the Logo should be 1 square cm
-    (~0.5 inch), and the Heading Banner should be 15 cm (~6 inches) wide and 1
-    cm (~0.5 inch) tall.</para>
-
     <para>With the style sheet configured, when you print the invoice, you
     select the style sheet to use from the <guimenu>Options</guimenu> menu.
     Below is the resultant invoice after applying the style sheet demonstrated

Modified: gnucash-docs/trunk/guide/C/figures/bus_ar_invoicechange1.png
===================================================================
(Binary files differ)

Modified: gnucash-docs/trunk/guide/C/figures/bus_ar_invoicechange2.png
===================================================================
(Binary files differ)

More information about the gnucash-changes mailing list