Update help info

diff --git a/macosx/graphviz.help/graphviz.html b/macosx/graphviz.help/graphviz.html
index 47fc57a774d722f91cd0cf3c4db859e641b63c89..c4dc8b7d0957001dade6a5d3977be1b4a0f99e70 100644 (file)
--- a/macosx/graphviz.help/graphviz.html
+++ b/macosx/graphviz.help/graphviz.html
@@ -32,7 +32,6 @@ color: #fff;
 }
 .containingbox{
                        width: 600px;
-                       height: 200px;
                        border: 0px solid #000;
 }
 
@@ -46,13 +45,38 @@ color: #fff;
        <div class="containingbox">
        Graph visualization is a way of representing structural information as diagrams of abstract graphs and networks. It has important applications in networking, 
        bioinformatics,  software engineering, database and web design, machine learning, and in visual interfaces for other technical domains.  
-       More information on Graphviz is available here - <a href="http://graphviz.org/About.php" target="_blank" >About Graphviz</a></div>
+       More information on Graphviz is available here - <a href="http://graphviz.org/About.php" target="_blank" >About Graphviz</a>
        </div>
+<P>
        <div class="containingbox">
-       Graphviz.app is a viewer that displays graphs written in the graphviz dot language.
-       It is not an editor, but it does permit the setting of various graphviz attributes.  In particular, the layout attribute which defaults to dot, can be set. As an example, to change the layout to neato, select the Attributes button in the upper left corner of the Graphviz.app window.  Scroll down to the layout attribute and type 'neato' into the associated text field. The layout change takes affect after the return key is pressed.  More information about 
-       graphviz attributes is available here - <a href="http://www.graphviz.org/content/attrs" target="_blank" >Node, Edge and Graph Attributes</a></div>
+Graphviz.app is a viewer that displays graphs written in the Graphviz dot language.
+It is not an editor, so you cannot add or delete nodes or edges, nor can you individually reposition them.
+In addition, it is not possible to alter the attributes of any particular node or edge.
+<P>
+The viewer does permit, however, the setting of various global Graphviz attributes.  
+This is equivalent to adding a <tt>node</tt> or <tt>edge</tt> statement to the graph.
+Such changes will affect any node or edge that does not set the attribute explicitly.
+<P>
+To set attributes, click on the <b>Attributes</b> button at the top left of the graph window. This will open
+a new window, listing all of the known supported attributes and the current global value. Initially, the window
+displays graph attributes. By clicking on the circle or the slash at the top of the attribute window, you can
+get a list of the default node or edge attributes. Clicking on the leftmost icon with the three connected
+circles will take you back to the graph attributes.
+<P>
+If you click on an attribute, you will see a brief description of its role at the bottom.
+To alter an attribute value, simply double click on the value you wish to change. This will open a text
+edit window, in which you can enter the desired new value. Pressing the <b>return</b> or <b>tab</b> key
+will store the new value, and update the graph drawing to reflect the change.
+More information about Graphviz attributes is available here - <a href="http://www.graphviz.org/content/attrs" target="_blank" >Node, Edge and Graph Attributes</a>
+<H3>Changing the layout</H3>
+By default, Graphviz.app uses the <b>dot</b> layout.
+To change to a different layout, go to the list of graph attributes and look for the <tt>layout</tt>
+attribute. Now change it as you would any other attribute.
+For example, to use the <b>neato</b> layout, double click on the <tt>layout</tt> 
+attribute value, enter <tt>neato</tt>, and then
+press <b>return</b>. 
        </div>
+<P>
        <div class="containingbox">
        Additional help with Graphviz can be found here - <a href="http://graphviz.org/content/faq" target="_blank" >Graphviz FAQ</a></div>
        </div>