<!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>
|
Settings Button</h1>
|
<p>
|
The <strong>Settings</strong> button that is available in the CKFinder
|
<strong><a href="005.html">Toolbar</a></strong> opens the
|
<strong>Settings Pane</strong> where you can configure and customize
|
CKFinder.</p>
|
<p>The figure below presents the file browser <strong>Settings Pane</strong>
|
that is expanded when you click the toolbar button.</p>
|
<p style="text-align: center">
|
<img src="../../files/images/CKFinder_settings.png" width="580" height="233" alt="CKFinder Settings Pane" /> </p>
|
<p>
|
All settings are saved automatically by using Internet browser "cookies".
|
"Cookies" are small files that store private configuration information
|
for specific jeesites on your computer.</p>
|
<p>
|
In order to close (collapse) the <strong>Settings Pane</strong>, press
|
the <strong>Close</strong> button or click the <strong>Settings</strong>
|
toolbar button once again.</p>
|
<h2>
|
CKFinder Configuration Options</h2>
|
<p>
|
All configuration options pertain to the <strong><a href="004.html">Files Pane</a>
|
</strong> and control the way the files are displayed in CKFinder. The
|
<strong>Files Pane</strong> will react immediately to changes introduced
|
in the <strong>Settings Pane</strong>.</p>
|
<h3>
|
View</h3>
|
<p>
|
Sets the view mode in the <strong>Files Pane</strong>:</p>
|
<ul>
|
<li><strong>Thumbnails</strong> – this mode will display each file in a
|
box (frame). For images a small preview (called a <em>thumbnail</em>) will
|
be displayed inside the box. For other files an icon will be available
|
instead.</li>
|
<li><strong>List</strong> – this mode will display all files in a list.
|
No image previews are available in this mode.</li>
|
</ul>
|
<h3>
|
Display</h3>
|
<p>
|
Sets the amount of information available in the <strong>Files Pane</strong>.
|
The following options can be turned on and off:</p>
|
<ul>
|
<li><strong>File Name</strong> – displays the file name, along with its
|
extension.</li>
|
<li><strong>Date</strong> – displays the last file modification date.</li>
|
<li><strong>File Size</strong> – displays the file size, in kilobytes.</li>
|
</ul>
|
<p>If you are using the <strong>Thumbnails</strong> view mode, you can deselect all
|
options. In the <strong>List</strong> mode the file name will always be displayed.</p>
|
<p>The image below presents various display options as viewed in the
|
<strong>Thumbnail</strong> mode.</p>
|
<table align="center" cellpadding="0" cellspacing="0">
|
<tr>
|
<td valign="top" style="padding-left: 10px">
|
<img src="../../files/images/CKFinder_file_display_04.png" width="122" height="112" alt="File displayed in Thumbnails mode without file name, size, and modification date" /></td>
|
<td valign="top" style="padding-right: 10px; padding-left: 10px">
|
<img src="../../files/images/CKFinder_file_display_03.png" width="122" height="128" alt="File displayed in Thumbnails mode with file name only" /></td>
|
<td valign="top" style="padding-right: 10px; padding-left: 10px">
|
<img src="../../files/images/CKFinder_file_display_02.png" width="122" height="142" alt="File displayed in Thumbnails mode with file name and modification date" /></td>
|
<td valign="top" style="padding-right: 10px">
|
<img src="../../files/images/CKFinder_file_display_01.png" width="122" height="158" alt="File displayed in Thumbnails mode with file name, size, and modification date" /></td>
|
</tr>
|
</table>
|
<h3>
|
Sorting</h3>
|
<p>
|
Sets the order in which the files will be listed. The following options are available:</p>
|
<ul>
|
<li><strong>By File Name</strong> – sorts the files alphabetically according to
|
their names.</li>
|
<li><strong>By Date</strong> – sorts the files by the last modification date, with
|
newest displayed first.</li>
|
<li><strong>By Size</strong> – sorts the files by their size, with largest displayed
|
first.</li>
|
<li><strong>By Extension</strong> – sorts the files first alphabetically by their
|
extension, and then alphabetically according to their names.</li>
|
</ul>
|
</body>
|
</html>
|
