* Added workspace navigation with CTRL+ALT+Cursor in workspaces.html and

keyboard-shortcuts.html.
* Added workspace arrangement in Screen preferences.
  Updated screenshot.
* Added newly learned shortcuts: CTRL+ALT+Z to maximize a window and CTRL+ALT+M
  for minimizing and CTRL+ALT+H to hide all windows of an app.
* I-O-M: Removed "Transformation" and "Perspective" from the available
  transformers until those are implemented.
  Same for the Shape property "Rounding".
  Added description of Path|Rotate Vertices Right/Left.
  Thanks Stippi for working on these I-O-M tickets!
* Corrected bottom nav-bar of apps-terminal.html.
* Added black-on-white output for pre.terminal when printing to Haiku-docs.css.
  (Thought I did that already, but apparently not...)
* Added "Ignore Double-click" to launchbox.html.
* Updated all screenshots to show the new decorator design.
* Ran all images thru OptiPNG which losslessly made them on avg. 11% smaller.
* Updated sort order indicator in attributes.html
* Added how to use pop-up navigating for moving files in tracker.html


git-svn-id: file:///srv/svn/repos/haiku/haiku/trunk@32221 a95241bf-73f2-0310-859d-f6bbb57e9c96

docs/Haiku-doc.css

@@ -248,7 +248,6 @@ pre.terminal {			/* Terminal output*/
     	font-size: 1.0em;
     	font-family: serif;
     	font-style: italic;
-/* 	color: #5e1c1c; */
 	color: #5e1c1c;
 }
 .cli {				/* Shell command or file */
@@ -303,4 +302,8 @@ pre.terminal {			/* Terminal output*/
 	acronym {
 		border: none;
 	}
+	pre.terminal {			/* Terminal output black on white*/
+		background-color: #ffffff;
+		color: #000000;
+	}
 }

docs/userguide/en/applications/apps-icon-o-matic.html

@@ -76,7 +76,7 @@ width="32" height="32" /></td><td><img src="../../images/apps-images/terminal-ic
 width="32" height="32" /></td></tr>
         <tr align="center"><td>1,024 byte<br />+&#160;256 byte</td><td> 7,192 byte </td><td> 768 byte </td></tr>
 </table>
-<p>Note that the BeOS used two versions of an icon, one 16x16 and 32x32, to achieve good visuals in List and Icon View mode.</p>
+<p>Note that the BeOS used two versions of an icon, one 16x16 and one 32x32, to achieve good visuals in List and Icon View mode.</p>
 <p>This trick isn't needed with vector icons. Besides only taking up a few hundred bytes in a file, vector icons also scale much better than bitmaps. (Note: BeOS offered only a 16x16 and 32x32 display.)</p>
 <table border="0" cellpadding="10">
         <tr align="center"><td> </td><td><b>16x16</b></td><td><b>32x32</b></td><td><b>64x64</b></td><td><b>128x128</b></td></tr>
@@ -117,7 +117,7 @@ For example, by re-using a path, several objects can be modified together by man
 <p>Here's a quick overview of Icon-O-Matic's window:</p>
 <img src="../images/apps-images/i-o-m-overview.png" alt="i-o-m-overview.png" />
 
-<p>To create any visible object on the canvas, you need a shape with a path and a style. Conveniently, you can create one, two or all three of those together from the <span class="menu">Shape</span> menu. Every kind of object (Paths, Shapes, Transformers, and Styles) has a menu above its list of elements, offering various commands. Every element has certain options that are set in the <span class="menu">Property</span> view.</p>
+<p>To create any visible object on the canvas, you need a shape with a path and a style. Conveniently, you can create one, two or all three of those together from the <span class="menu">Shape</span> menu. Every kind of object (Paths, Shapes, Transformers, and Styles) has a menu above its list of elements, offering various commands. Every element has certain options that are set in the <span class="menu">Properties</span> view.</p>
 
 
 <h2>
@@ -176,11 +176,12 @@ width="16" height="16" /></td>
 <table summary="Path menu" border="0" cellspacing="0" cellpadding="2">
 <tr><td><span class="menu">Reverse</span></td><td style="width:15px;"></td><td>If your path isn't "closed" (see Path Properties below), a click into the canvas always creates a new point, connecting it with the last one. "Reverse" will reverse this order and your new point will connect to original start point instead.</td></tr>
 <tr><td><span class="menu">Clean Up</span></td><td></td><td>Most useful with imported SVGs, this function will remove redundant points.</td></tr>
-<tr><td class="onelinetop"><span class="menu">Rotate Indices</span></td><td></td><td>not yet implemented.</td></tr>
+<tr><td class="onelinetop"><span class="menu">Rotate Indices Right</span></td><td><span class="key">ALT</span>&#160;<span class="key">R</span></td><td>Practically, this rotates the opening of a path. It's best seen when using a not-closed path with a style and a shape with a stroke transformer. Now, if your path looks like a &sub; it will rotate like this: &sub; &cap; &sup; &cup;.</td></tr>
+<tr><td class="onelinetop"><span class="menu">Rotate Indices Left</span></td><td><span class="key">ALT</span>&#160;<span class="key">SHIFT</span>&#160;<span class="key">R</span></td><td>Does the same in the other direction.</td></tr>
 </table>
 
 <h3><a id="i-o-m-path-properties" name="i-o-m-path-properties">Path Properties</a></h3>
-<p>The <span class="menu">Property</span> at the bottom left of the window offers all available settings of the currently selected object. A path only has two: a <span class="menu">Name</span> and if it's <span class="menu">Closed</span> or not.</p>
+<p><span class="menu">Properties</span> at the bottom left of the window offers all available settings of the currently selected object. A path only has two: a <span class="menu">Name</span> and if it's <span class="menu">Closed</span> or not.</p>
 
 
 <h2>
@@ -222,10 +223,9 @@ If not, "Freeze Transformation" will apply the current shape transformation to t
 </table>
 
 <h3><a id="i-o-m-shape-properties" name="i-o-m-shape-properties">Shape Properties</a></h3>
-<p>Besides a <span class="menu">Name</span>, the <span class="menu">Property</span> view for a shape has these options:</p>
+<p>Besides a <span class="menu">Name</span>, the <span class="menu">Properties</span> view for a shape has these options:</p>
 
 <table summary="Shape properties" border="0" cellspacing="0" cellpadding="2">
-<tr><td><span class="menu">Rounding</span></td><td style="width:15px;"></td><td><i>Unfinished feature</i>. Once working correctly, it will do a kind of "hinting" for vector paths, rounding their coordinates to the next full pixel, giving it a crisper look.</td></tr>
 <tr><td><span class="menu">Min LOD</span></td><td></td><td>Minimum Level of Detail</td></tr>
 <tr><td><span class="menu">Max LOD</span></td><td></td><td>Maximum Level of Detail</td></tr>
 </table>
@@ -273,7 +273,7 @@ Of course you can move these indicators to change the gradient to your liking. Y
 <p>The <span class="menu">Style</span> menu offers the usual entries to <span class="menu">Add</span>, <span class="menu">Duplicate</span> or <span class="menu">Remove</span> a style and to <span class="menu">Reset Transformation</span>.</p>
 
 <h3><a id="i-o-m-style-properties" name="i-o-m-style-properties">Style Properties</a></h3>
-<p>The <span class="menu">Name</span> is the only <span class="menu">Property</span> of a style.</p>
+<p>The <span class="menu">Name</span> is the only <span class="menu">Properties</span> of a style.</p>
 
 
 <h2>
@@ -283,8 +283,6 @@ Of course you can move these indicators to change the gradient to your liking. Y
 
 <h3><a id="i-o-m-transformer-menu" name="i-o-m-transformer-menu">Transformer Add Menu</a></h3>
 <table summary=" Transformer Add menu" border="0" cellspacing="0" cellpadding="2">
-<tr><td><span class="menu">Transformation</span></td><td style="width:15px;"></td><td>Offers the same move/resize/rotate options you have by manipulating a shape with your mouse directly.</td></tr>
-<tr><td><span class="menu">Perspective</span></td><td></td><td>not yet implemented</td></tr>
 <tr><td><span class="menu">Contour</span></td><td></td><td>Adds an outline to a shape.</td></tr>
 <tr><td><span class="menu">Stroke</span></td><td></td><td>Strokes the path of a shape instead of filling it with a style.</td></tr>
 </table>
@@ -292,7 +290,7 @@ Of course you can move these indicators to change the gradient to your liking. Y
 <p>Depending on the kind of Transformer, you'll get a different set of properties.</p>
 
 <h3><a id="i-o-m-transformer-properties" name="i-o-m-transformer-properties">Transformer Properties</a></h3>
-<p>Besides a <span class="menu">Name</span> and the actual <span class="menu">Width</span> for the transformer, the <span class="menu">Property</span> view has these (depending on its type slightly differing) options:</p>
+<p>Besides a <span class="menu">Name</span> and the actual <span class="menu">Width</span> for the transformer, the <span class="menu">Properties</span> view has these (depending on its type slightly differing) options:</p>
 <table summary="Transformer properties" border="0" cellspacing="0" cellpadding="2">
 <tr><td><span class="menu">Caps</span></td><td style="width:15px;"></td><td><i>Stroke only</i>. Defines the end caps of a line: <span class="menu">Butt</span>, <span class="menu">Square</span> or <span class="menu">Round</span>.</td></tr>
 <tr><td><span class="menu">Detect Orient.</span></td><td></td><td><i>Contour only</i>. Makes sure the contour always extends outwards when you have self-intersecting paths.</td></tr>

docs/userguide/en/applications/apps-terminal.html

@@ -97,9 +97,9 @@ Both files can be created in the <span class="path">home/</span> folder and add
 	<p>
 		<a href="../applications.html#list-of-apps">Applications</a>
 		&#160;&#160;&#160;
-		Previous: <a href="apps-icon-o-matic.html">Icon-O-Matic</a>
+		Previous: <a href="apps-stylededit.html">StyledEdit</a>
 		&#160;&#160;&#160;
-		Next: <a href="apps-mail.html">Mail</a>
+		Next: <a href="apps-textsearch.html">TextSearch</a>
 	</p>
 </div>
 

docs/userguide/en/attributes.html

@@ -48,7 +48,7 @@
 <p>Attributes are displayed quite similar to a database or spreadsheet. Using Tracker you can choose which attributes to display (columns) and sort file listings (rows) accordingly.</p>
 <p>To do this, open a Tracker window, click on the <span class="menu">Attributes</span> menu, and select the attributes you want to display. Alternatively, simply right-click onto a column heading and mark the items in the context menu. You can rearrange the columns by a simple drag&amp;drop of the column heading. Moving a column out of a window, is a fast way to get rid of columns you don't need.</p>
 <p>Double-click on the line between two attributes in the heading to automatically resize a column to its optimal width.</p>
-<p>Click on a column heading to toggle the sorting order from ascending to descending. You can establish a secondary sort order by pressing the <span class="key">SHIFT</span> key while clicking on a column heading. Doing that you can, for example, sort your People files by company and within that order sort by contact name. See the above screenshot as an example. The secondary sort order is marked by a dotted line under the heading.</p>
+<p>Click on a column heading to toggle the sorting order from ascending to descending. You can establish a secondary sort order by pressing the <span class="key">SHIFT</span> key while clicking on a column heading. Doing that you can, for example, sort your People files by company and within that order sort by contact name. See the above screenshot as an example. The secondary sort order is marked by a lighter colored indicator beside the heading.</p>
 <p>Editing these attributes is as simple as renaming a file: Either click on an entry or press <span class="key">ALT</span>&#160;<span class="key">E</span> and move between the attributes with <span class="key">TAB</span> and <span class="key">SHIFT</span>&#160;<span class="key">TAB</span>. <span class="key">ESC</span> leaves the editing mode without applying the changes.</p>
 
 <h1><a id="attributes-terminal" name="attributes-terminal">Attributes in Terminal</a></h1>

docs/userguide/en/desktop-applets/desktop-applets-launchbox.html

@@ -5,7 +5,7 @@
 <head>
 <!-- 
  *
- * Copyright 2008, Haiku. All rights reserved.
+ * Copyright 2008-2009, Haiku. All rights reserved.
  * Distributed under the terms of the MIT License.
  *
  * Authors:
@@ -51,11 +51,13 @@ width="64" height="64" />LaunchBox</h1>
 <tr><td class="onelinetop"><span class="menu">Settings</span><br />
 <span class="menu">- Horizontal Layout</span><br />
 <span class="menu">- Icon size</span><br />
+<span class="menu">- Ignore Double-click</span><br />
 <span class="menu">- Show Window Border</span><br />
 <span class="menu">- Auto Raise</span><br />
 <span class="menu">- Show On All Workspaces</span></td><td>&#160;</td><td class="onelinetop"><br />
 Aligns the buttons horizontally.<br />
 Sets the icon size between 16 and 64 pixel.<br />
+Launches the object only once, even when you (accidentally) double-click.<br />
 Shows the window border.<br />
 LaunchBox pops up if the mouse is near the screen edge.<br />
 Shows the LaunchBox on every workspace.</td></tr>

docs/userguide/en/gui.html

@@ -43,11 +43,11 @@
 <ol>
 <li><p>The Deskbar is Haiku's "Start" menu and taskbar, if you will. See topic <a href="deskbar.html">Deskbar</a>.</p></li>
 <li>The yellow tab offers more than just a program's name or a document's filename:
-<ul><li>You can move it by holding the </span>&#160;<span class="key">SHIFT</span> key while dragging it to another position, enabling you to stack a number of windows and conveniently access them by their named tab.</li>
-<li>You minimize a window with a double-click on its tab. A such hidden window can be accessed by its entry in the <a href="deskbar.html">Deskbar</a> or the <a href="twitcher.html">Twitcher</a>.</li>
+<ul><li>You can move it by holding the <span class="key">SHIFT</span> key while dragging it to another position, enabling you to stack a number of windows and conveniently access them by their named tab.</li>
+<li>You minimize a window with a double-click on its tab (or with <span class="key">CTRL</span>&#160;<span class="key">ALT</span>&#160;<span class="key">M</span>). A such hidden window can be accessed by its entry in the <a href="deskbar.html">Deskbar</a> or the <a href="twitcher.html">Twitcher</a>.</li>
 <li>You can send a window to the back with a right-click on its tab (or its border).</li></ul></li>
 <li><p>The close button.</p></li>
-<li><p>The "alternative size" button (expands window to full screen in most applications).</p></li>
+<li><p>The "alternative size" button (expands window to maximum size in most applications), also done via (or with <span class="key">CTRL</span>&#160;<span class="key">ALT</span>&#160;<span class="key">Z</span>).</p></li>
 <li><p>The resize button. Dragging anywhere else on a window's border will move the window.</p></li>
 </ol>
 

docs/userguide/en/keyboard-shortcuts.html

@@ -43,13 +43,16 @@
 <p>Here's a table of many of the most commonly used shortcuts that are always available, even if there isn't a corresponding menu:</p>
 <table summary="shortcuts" border="0" cellspacing="0" cellpadding="4">
 <tr><td><span class="key">ALT</span>&#160;<span class="key">Fx</span></td><td style="width:15px;"></td><td>Switches to <a href="workspaces.html">Workspace</a> X (<span class="key">Fx</span> is the function key corresponding to that workspace).</td></tr>
+<tr><td><span class="key">CTRL</span>&#160;<span class="key">ALT</span>&#160;<span class="key">&larr;</span>/<span class="key">&rarr;</span>/<span class="key">&uarr;</span>/<span class="key">&darr;</span></td><td></td><td>Navigates spatially the rows/columns of the available workspaces.</td></tr>
 <tr><td><span class="key">CTRL</span>&#160;<span class="key">TAB</span></td><td></td><td>Hold down to bring up the <a href="twitcher.hml">Twitcher</a>.</td></tr>
 <tr><td><span class="key">CTRL</span>&#160;<span class="key">ALT</span>&#160;<span class="key">DEL</span></td><td></td><td>Opens the <a href="teammonitor.html">Team Monitor</a>.</td></tr>
 <tr><td><span class="key">ALT</span>&#160;<span class="key">ESC</span></td><td></td><td>Enters the menu bar (leave with <span class="key">ESC</span>).</td></tr>
 <tr><td><span class="key">ALT</span>&#160;<span class="key">C</span></td><td></td><td>Copies the selection to the  clipboard.</td></tr>
 <tr><td><span class="key">ALT</span>&#160;<span class="key">X</span></td><td></td><td>Cuts the selection to the clipboard.</td></tr>
 <tr><td><span class="key">ALT</span>&#160;<span class="key">V</span></td><td></td><td>Pastes the clipboard's contents.</td></tr>
-<tr><td><span class="key">ALT</span>&#160;<span class="key">W</span></td><td></td><td>Closes the current window.</td></tr>
+<tr><td><span class="key">ALT</span>&#160;<span class="key">W</span></td><td></td><td>Closes the active window.</td></tr><tr><td><span class="key">CTRL</span>&#160;<span class="key">ALT</span>&#160;<span class="key">Z</span></td><td></td><td>Expands a window to an alternative size (maximum size for most applications).</td></tr>
+<tr><td><span class="key">CTRL</span>&#160;<span class="key">ALT</span>&#160;<span class="key">M</span></td><td></td><td>Minimizes the active window.</td></tr>
+<tr><td><span class="key">CTRL</span>&#160;<span class="key">ALT</span>&#160;<span class="key">H</span></td><td></td><td>Hides (minimizes) all windows of the active application.</td></tr>
 <tr><td><span class="key">ALT</span>&#160;<span class="key">Q</span></td><td></td><td>Quits an application.</td></tr>
 </table>
 

docs/userguide/en/preferences/prefs-screen.html

@@ -5,7 +5,7 @@
 <head>
 <!-- 
  *
- * Copyright 2008, Haiku. All rights reserved.
+ * Copyright 2008-2009, Haiku. All rights reserved.
  * Distributed under the terms of the MIT License.
  *
  * Authors:
@@ -44,16 +44,16 @@
 <span class="path">~/config/settings/kernel/drivers/vesa</span> - Only when running in VESA mode.<br />
 <span class="path">~/config/settings/Screen_data</span> - Stores the panel's window position.</td></tr>
 </table>
-<p>Each of your workspaces can have its own resolution and color depth.</p>
+<p>Each of your <a href="../workspaces.html">workspaces</a> can have its own resolution and color depth.</p>
 <img src="../images/prefs-images/screen.png" alt="screen.png" />
 <p>The top drop-down menu specifies if your changes are applied only to the current or to all workspaces. Depending on your graphics card, the other two drop-down menus contain all supported resolution and depth settings.</p>
 <p>After clicking on <span class="button">Apply</span>, the graphics mode is changed and an alert appears, asking you to keep or cancel the changes. If you don't answer that alert, the graphics mode reverts after 12 seconds to the previous setting. Maybe you couldn't see the alert because your monitor didn't support the setting.</p>
-<p>To the left, you can set the number of workspaces and open the <a href="prefs-backgrounds.html">Backgrounds</a> preferences.</p>
+<p>To the left, you can set the number of workspaces and arrange them in columns and rows and open the <a href="prefs-backgrounds.html">Backgrounds</a> preferences.</p>
 <p><span class="button">Revert</span> brings back the setting that was active when you started the Screen preferences.</p>
 
 </div>
 
-<!--
+
 <div class="bottomnav">
 	<p>
 		<a href="../preferences.html">Preferences</a>
@@ -63,7 +63,7 @@
 		Next: <a href="prefs-screensaver.html">ScreenSaver</a>
 	</p>
 </div>
--->
+
 
 </body>
 </html>

docs/userguide/en/tracker.html

@@ -73,7 +73,8 @@ This is also true for keyboard navigation. For more on that, see topic <a href="
 <p>Instead of double-clicking your way down folder after folder, there's a better way to drill down:</p>
 <img src="images/tracker-images/drill-down.png" alt="drill-down.png" />
 <!-- screenshot needs updating to show /boot/system/documentation -->
-<p>Right-click onto a folder, and at the top of the usual context menu you'll find a submenu of the current folder that let's you navigate down a level. Just move down the hierarchy until you find the file or folder you're looking for and click on it to open it. The above shows the contents of the folder <span class="path">/boot/system/documentation/</span>.<br /><br /></p>
+<p>Right-click onto a folder, and at the top of the usual context menu you'll find a submenu of the current folder that let's you navigate down a level. Just move down the hierarchy until you find the file or folder you're looking for and click on it to open it. The above shows the contents of the folder <span class="path">/boot/system/documentation/</span>.<br />
+If you do the above while dragging a file with you, it will be moved to where you eventually drop it.<br /><br /></p>
 <p>A similar method can be used from any Tracker window:</p>
 <img src="images/tracker-images/window-drill-down.png" alt="window-drill-down.png" />
 <p>Click on the area in the lower left, where the number of items is listed, and you'll get submenus for every level above your current location. From there you can drill down through the folders as usual.</p>

docs/userguide/en/workspaces.html

@@ -5,7 +5,7 @@
 <head>
 <!-- 
  *
- * Copyright 2008, Haiku. All rights reserved.
+ * Copyright 2008-2009, Haiku. All rights reserved.
  * Distributed under the terms of the MIT License.
  *
  * Authors:
@@ -47,10 +47,14 @@
 </table>
 <p><br /></p>
 <img src="images/workspaces-images/workspaces.png" alt="workspaces.png" />
-<p>You find the Workspaces applet with the other <span class="menu">Desktop Applets</span> in the Deskbar. It shows a miniature version of all workspaces. There are several options available from the context menu of the applet's window, which are all pretty self-explaining. Since the applet is a Replicant, you can resize the window as desired and then drag&amp;drop it by its handle onto the desktop (make sure "<span class="menu">Show Replicants</span>" is activated in the Deskbar menu).</p>
+<p>You find the Workspaces applet with the other <span class="menu">Desktop Applets</span> in the Deskbar. It shows a miniature version of all workspaces. There are several options available from the context menu of the applet's window, which are all pretty self-explaining.<br />
+<span class="menu">Change Workspace Count...</span> will open the <a href="preferences/prefs-screen.html">Screen</a> preferences where you set the number of workspaces and their arrangement (how many rows and columns).</p>
+<p>Since the applet is a Replicant, you can resize the window as desired and then drag&amp;drop it by its handle onto the desktop (make sure "<span class="menu">Show Replicants</span>" is activated in the Deskbar menu).</p>
 
 <h2><a id="switching" name="switching">Switching workspaces</a></h2>
-<p>You can switch between workspaces by either clicking into the Workspaces applet or by using the keyboard shortcut <span class="key">ALT</span>&#160;<span class="key">Fx</span>, where "x" is the workspace number. Also, clicking on an application or one of its windows in the Deskbar will send you to the workspace it's in.</p>
+<p>You switch between workspaces by either clicking into the Workspaces applet or by using the keyboard shortcut <span class="key">ALT</span>&#160;<span class="key">Fx</span>, where "x" is the workspace number. It's a good idea to arrange your workspaces in rows of four to mimick the layout of the <span class="key">Fx</span> keys on the keyboard.<br />
+Also, clicking on an application or one of its windows in the Deskbar will send you to the workspace it's in.</p>
+<p>Another very convenient way is to use <span class="key">CTRL</span>&#160;<span class="key">ALT</span>&#160;<span class="key">&larr;</span>/<span class="key">&rarr;</span>/<span class="key">&uarr;</span>/<span class="key">&darr;</span> to navigate spatially the rows/columns of the available workspaces.</p>
 <p>You can switch back and forth between two workspaces with <span class="key">ALT</span>&#160;<span class="key">~</span> (which, depending on the keymap you're using, is the key below <span class="key">ESC</span>, which you have to hit twice to get a <tt>~</tt>).</p>
 
 <h2><a id="moving" name="moving">Moving windows between workspaces</a></h2>