002.html
2.07 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CKFinder User's Guide</title>
<link href="../../files/other/help.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="../../files/other/help.js"></script>
<meta name="robots" content="noindex, nofollow" />
</head>
<body>
<h1>
CKFinder Interface Overview</h1>
<p>
The CKFinder interface is designed to be clean, familiar to end users, and easy to
learn and use. Most features can be handled with a mouse click as well as by using
the context menus.</p>
<p>
If you are familiar with desktop file browsers built in most operating systems
available for your PC or laptop, you will quickly see that using an online file
manager is just as easy and intuitive.</p>
<p>
The following is a screenshot of the CKFinder interface:</p>
<p style="text-align: center">
<img src="../../files/images/CKFinder_interface.png" alt="CKFinder interface" width="620" height="456" /> </p>
<ol>
<li><strong><a href="003.html">Folders Pane</a></strong> – contains the "tree view"
of the folders that you can navigate. Folders are used to organize and categorize your
files.</li>
<li><strong><a href="004.html">Files Pane</a></strong> – lists the files available
in the selected folder.</li>
<li><strong><a href="005.html">Toolbar</a></strong> – a series of buttons that can
be clicked in order to quickly execute specific file browser functions.</li>
<li><strong><a href="010.html">Status Bar</a></strong> – the section at the bottom
of the interface that displays some information about the selected file, the total
number of files in the folder, etc.</li>
<li><strong><a href="012.html">Context Menu</a></strong> – a popup menu with file
browser commands that execute specific tasks for the object that was selected. Options
available in the context menu change dynamically depending on the object that is
clicked. </li>
</ol>
</body>
</html>