With the help of tidy and sed, move html files to xhtml+css. Css classes were prefixe...
[geeqie.git] / doc / 2_4_file_pane.html
1 <?xml version="1.0" encoding="iso-8859-1"?>
2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
3     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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>File Pane - Geeqie User Manual</title>
10   <meta name="CREATED" content="20040805;23590500" />
11   <meta name="CHANGED" content="20041022;16274600" />
12 <style type="text/css">
13 /*<![CDATA[*/
14  p.gq-file-pane-8 {margin-bottom: 0in}
15  p.gq-file-pane-7 {margin-left: 0.79in; font-weight: medium}
16  p.gq-file-pane-6 {font-weight: bold; margin-left: 0.79in}
17  p.gq-file-pane-5 {margin-left: 0.79in}
18  div.gq-file-pane-4 {text-align: center}
19  table.gq-file-pane-3 {page-break-before: always}
20  p.gq-file-pane-2 {text-align: right}
21  p.gq-file-pane-1 {text-align: center}
22 /*]]>*/
23 </style>
24 </head>
25
26 <body lang="en-US" dir="ltr" xml:lang="en-US">
27   <div class="gq-file-pane-4">
28     <table width="100%" border="0" cellpadding="4" cellspacing="0" class="gq-file-pane-3">
29       <col width="85*" />
30       <col width="85*" />
31       <col width="85*" />
32
33       <thead>
34         <tr valign="top">
35           <td width="33%">
36             <p><a href="2_3_layout.html">Previous</a>
37             </p>
38           </td>
39
40           <td width="33%">
41             <p class="gq-file-pane-1">File Pane &ndash; Main Window</p>
42           </td>
43
44           <td width="33%">
45             <p class="gq-file-pane-2"><a href="2_5_folder_pane.html">Next</a>
46             </p>
47           </td>
48         </tr>
49       </thead>
50     </table>
51   </div>
52
53   <hr />
54
55   <h1>2.4 File Pane</h1>
56
57   <p>The file pane displays the images contained in the active folder. It has two modes of display, allows multiple selection, and can initiate drag and drop operations.</p>
58
59   <p>A <b>context menu</b> can be displayed by clicking the right mouse button on the file pane or pressing the menu key while the file pane has the focus.</p>
60
61   <p><br />
62   <br />
63   </p>
64
65   <p><u>List view</u>
66   </p>
67
68   <p class="gq-file-pane-5">This mode can be enabled by selecting &ldquo;List&rdquo; from the View menu, pressing Control + L on the keyboard, or unselecting &ldquo;View as icons&rdquo; from the context menu.</p>
69
70   <p class="gq-file-pane-5">The list view mode displays images in a standard vertical list. Three columns provide the file name, size in bytes, and the time the contents were last modified.</p>
71
72   <p class="gq-file-pane-5"><b>Thumbnails</b> can be displayed next to each file in the list, to toggle thumbnails on or off by selecting &ldquo;Thumbnails&rdquo; from the View menu, pressing the T key, clicking the thumbnail button on the tool bar, or selecting &ldquo;Show thumbnails&rdquo; from the context menu.</p>
73
74   <p><br />
75   <br />
76   </p>
77
78   <p><u>Icon view</u>
79   </p>
80
81   <p class="gq-file-pane-5">This mode can be enabled by selecting &ldquo;Icons&rdquo; from the View menu, pressing Control + I on the keyboard, or selecting &ldquo;View as icons&rdquo; from the context menu.</p>
82
83   <p class="gq-file-pane-5">The icon view mode displays images as thumbnails in a grid, and by default a file name below each thumbnail.</p>
84
85   <p class="gq-file-pane-5">The <b>file name</b> displayed below each thumbnail can be turned on or off by selecting &ldquo;Show filename text&rdquo; from the context menu.</p>
86
87   <p><br />
88   <br />
89   </p>
90
91   <p><u>Multiple selection</u>
92   </p>
93
94   <p class="gq-file-pane-5">It is possible to select more than one image from the file pane. Multiple files can be selected with several methods:</p>
95
96   <p class="gq-file-pane-6">Mouse:</p>
97
98   <ul>
99     <li>
100       <p>Control + Primary mouse button will add or remove the file from the selection.</p>
101     </li>
102
103     <li>
104       <p>Middle mouse button will toggle selection of the file.</p>
105     </li>
106
107     <li>
108       <p>Shift + Primary mouse button will select all images between the clicked and focused image, or it will unselect all those images if the clicked image is already selected.</p>
109     </li>
110
111     <li>
112       <p>Shift + Control + Primary mouse works as Shift + Primary, but will not change the selection of files outside the region between the focus and clicked image.</p>
113     </li>
114   </ul>
115
116   <p class="gq-file-pane-6">Keyboard:</p>
117
118   <ul>
119     <li>
120       <p>Control + Arrows will move the focus without changing the selection.</p>
121     </li>
122
123     <li>
124       <p>Control + Space will toggle selection of the focused image.</p>
125     </li>
126
127     <li>
128       <p>Shift + Arrows will select a region of images.</p>
129     </li>
130
131     <li>
132       <p>Shift + Control + Arrows works as Shift + Arrows, but will not change the selection of files outside the current focus region.</p>
133     </li>
134   </ul>
135
136   <p class="gq-file-pane-5">To select all files press Control + A, or to unselect all image press Control + Shift + A. These operations are also available from the Edit menu as &ldquo;Select all&rdquo; and &ldquo;Select none&rdquo;.</p>
137
138   <p class="gq-file-pane-5">The current number of selected images and their total size will be indicated in the File list section of the <a href="2_7_status_bar.html">status bar</a>.</p>
139
140   <p><br />
141   <br />
142   </p>
143
144   <p><u>Sorting</u>
145   </p>
146
147   <p class="gq-file-pane-5">The order of the images can be changed by clicking the sort area of the status bar or from the context menu. The sort methods are by file name, number, file date, or file size. The number method will sort file names by their natural order, for example files with names of file_10, file_12, and file_9 will appear in order file_9, file_10, and file_12.</p>
148
149   <p class="gq-file-pane-5">Selecting the ascending menu item will toggle between increasing and decreasing sort order.</p>
150
151   <p><br />
152   <br />
153   </p>
154
155   <p><u>Context menu</u>
156   </p>
157
158   <p>Right clicking the mouse or pressing the menu key while the file pane has focus will display a menu. The menu functions will perform the same as those that match the window's <a href="2_2_menus.html">menu bar</a>, however a few functions are unique to the context menu:</p>
159
160   <p class="gq-file-pane-5"><b>View in new window:</b> Opens a new window containing a list of the currently selected images.</p>
161
162   <p class="gq-file-pane-5"><b>Sort:</b> Changes the sort order of file pane.</p>
163
164   <p class="gq-file-pane-5"><b>View as icons:</b> Toggles between the list and icon view modes.</p>
165
166   <p class="gq-file-pane-5"><b>Show thumbnails:</b> Toggles display of thumbnails in the list view display mode.</p>
167
168   <p class="gq-file-pane-7"><b>Show filename text:</b> Toggles display of file names in the icon view display mode.</p>
169
170   <p><br />
171   <br />
172   </p>
173
174   <p><u>Drag and Drop</u>
175   </p>
176
177   <p class="gq-file-pane-5">Drag and drop can be initialized with the primary or middle mouse buttons in the file pane. Dragging a file that is selected will include all selected files in the drag. Dragging a file that is not selected will first change the selection to the dragged file, and clear the previous selection.</p>
178
179   <p><br />
180   <br />
181   </p>
182
183   <p><br />
184   <br />
185   </p>
186
187   <hr />
188
189   <div class="gq-file-pane-4">
190     <table width="100%" border="0" cellpadding="4" cellspacing="0">
191       <col width="85*" />
192       <col width="85*" />
193       <col width="85*" />
194
195       <thead>
196         <tr valign="top">
197           <td width="33%">
198             <p><a href="2_3_layout.html">Previous</a>
199             </p>
200           </td>
201
202           <td width="33%">
203             <p class="gq-file-pane-1"><a href="index.html">Contents</a>
204             </p>
205           </td>
206
207           <td width="33%">
208             <p class="gq-file-pane-2"><a href="2_5_folder_pane.html">Next</a>
209             </p>
210           </td>
211         </tr>
212       </thead>
213
214       <tbody>
215         <tr valign="top">
216           <td width="33%">
217             <p><br />
218             </p>
219           </td>
220
221           <td width="33%">
222             <p class="gq-file-pane-1"><br />
223             </p>
224           </td>
225
226           <td width="33%">
227             <p class="gq-file-pane-2">Geeqie User Manual</p>
228           </td>
229         </tr>
230       </tbody>
231     </table>
232   </div>
233
234   <p class="gq-file-pane-8"><br />
235   </p>
236 </body>
237 </html>