5834435263748eca35de24c3eb858ec16c065a43
[geeqie.git] / doc / main_window_layout.html
1 <?xml version="1.0" encoding="iso-8859-1"?>
2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
3     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
4
5 <html xmlns="http://www.w3.org/1999/xhtml">
6 <head>
7   <meta http-equiv="CONTENT-TYPE" content="text/html; charset=iso-8859-1" />
8
9   <title>Layout - Geeqie User Manual</title>
10   <link rel="stylesheet" type="text/css" href="style.css" media="all" />
11   <link rel="stylesheet" type="text/css" href="style_screen.css" media="screen" />
12   <link rel="stylesheet" type="text/css" href="style_print.css" media="print" />
13 </head>
14
15 <body lang="en-US" dir="ltr" xml:lang="en-US">
16   <div class="navtop">
17     <table width="100%" border="0" cellpadding="4" cellspacing="0">
18       <col id="navtop_col1" width="33%"></col>
19       <col id="navtop_col2" width="33%"></col>
20       <col id="navtop_col3" width="33%"></col>
21
22         <tr>
23           <th>
24             <p class="previous"><a href="main_window_menus.html">Previous</a>
25             </p>
26           </th>
27
28           <th>
29             <p class="navtop_title">Layout &ndash; Main Window</p>
30           </th>
31
32           <th>
33             <p class="next"><a href="main_window_file_pane.html">Next</a>
34             </p>
35           </th>
36         </tr>
37     </table>
38   </div>
39
40   <hr />
41
42   <h1>Layout</h1>
43
44   <p>The main window consists of four areas, the <a href="main_window_folder_pane.html">folder pane</a>, <a href="main_window_file_pane.html">file pane</a>, <a href="main_window_image_pane.html">image pane</a>, and the <a href="main_window_status_bar.html">status bar</a>. The status bar is always at the bottom of the window. The three remaining areas, or panes, can be arranged and sized by the user.</p>
45
46   <h2>Selecting the location of each pane</h2>
47
48   <p>The arrangement of the folder, file, and image pane is selected on the <a href="options_window.html">Windows tab</a> of the Options window. There are four choices for the layout, the difference is that each has the larger pane in a different location: right, bottom, left, and top.</p>
49
50   <p>The order in which the panes are filled is determined by the three row list located below the layout selection. The three numbered rows correspond to the three numbered regions of the selected layout, to change the order of the list drag a row to the desired location within the list. To drag a row move the mouse over the selected row, press and hold the primary mouse button, then drag the row to the desired location and release the button.</p>
51
52   <p class="note"><span class="note_label">Note:</span> In the options window the file and image panes are labeled similarly, however the folder pane is labeled as tools.</p>
53
54   <h2>Changing the size of a pane</h2>
55
56   <p>Between the panes of the main window are two dividers that can be moved with the mouse to adjust the size of each pane. Press and hold the primary button, then move the divider to the desired location and release the button.</p>
57
58   <h3>Folder pane</h3>
59
60   <p>The <a href="main_window_folder_pane.html">folder pane</a> contains the menu bar, tool bar, path entry, and folder list. The list can be set to display the sub folders of the active folder or a tree that starts with the root folder and contains all folders in the file system.</p>
61
62   <h3>File pane</h3>
63
64   <p>The <a href="main_window_file_pane.html">file pane</a> lists the images contained in the active folder. The file pane can be set to display as a vertical list or an icon view.</p>
65
66   <h3>Image pane</h3>
67
68   <p>The <a href="main_window_image_pane.html">image pane</a> is where the active image is displayed.</p>
69
70   <hr id="bottomseparator" />
71
72   <div class="navbottom">
73     <table width="100%" border="0" cellpadding="4" cellspacing="0">
74       <col id="navbottom_col1" width="33%"></col>
75       <col id="navbottom_col2" width="33%"></col>
76       <col id="navbottom_col3" width="33%"></col>
77
78         <tr>
79           <th>
80             <p class="previous"><a href="main_window_menus.html">Previous</a>
81             </p>
82           </th>
83
84           <th>
85             <p class="navbottom_title"><a href="index.html">Contents</a>
86             </p>
87           </th>
88
89           <th>
90             <p class="next"><a href="main_window_file_pane.html">Next</a>
91             </p>
92           </th>
93         </tr>
94
95     </table>
96   </div>
97
98   <div class="footer">Geeqie User Manual</div>
99   <div class="bottomspacer">&nbsp;</div>
100 </body>
101 </html>