<!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 websites 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>
