https://docs-old.ckeditor.com/index.php?action=history&feed=atom&title=CKFinder_2.x%2FUsers_Guide%2FCKFinder_Interface%2FToolbar
CKFinder 2.x/Users Guide/CKFinder Interface/Toolbar - Revision history
2026-09-18T05:24:22Z
Revision history for this page on the wiki
MediaWiki 1.29.1
https://docs-old.ckeditor.com/index.php?title=CKFinder_2.x/Users_Guide/CKFinder_Interface/Toolbar&diff=6493&oldid=prev
Anna: Article updated to CKFinder 2.1 Help
2011-09-16T10:02:46Z
<p>Article updated to CKFinder 2.1 Help</p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;' lang='en'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 10:02, 16 September 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">{{#CUSTOMTITLE:Toolbar}}</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">The <strong>Toolbar</strong> is a dedicated section at the top of the CKFinder interface. It contains a series of menu buttons that can be clicked in order to give you access to various file browser features.</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">The Toolbar </del>is <del class="diffchange diffchange-inline">a dedicated area at the top of </del>the CKFinder <del class="diffchange diffchange-inline">interface. It contains a series of buttons that can be clicked to quickly execute specific functions. Here is a screenshot of it</del>:</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">This </ins>is <ins class="diffchange diffchange-inline">what </ins>the <ins class="diffchange diffchange-inline">standard </ins>CKFinder <ins class="diffchange diffchange-inline">toolbar looks like</ins>:</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Image:<del class="diffchange diffchange-inline">Ckfinder toolbar</del>.<del class="diffchange diffchange-inline">gif</del>|<del class="diffchange diffchange-inline">Image:Ckfinder_toolbar.gif</del>]]</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Image:<ins class="diffchange diffchange-inline">CKFinder_toolbar</ins>.<ins class="diffchange diffchange-inline">png|frame|center</ins>|<ins class="diffchange diffchange-inline">CKFinder Toolbar</ins>]]</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">== Using the Toolbar ==</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">In order to perform an operation assigned to a button, click the button once. In most cases it will either immediately perform some predefined action or open a drop-down panel with further configuration options for a feature.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">Remember that the toolbar can also be used with your keyboard. To enter the toolbar, use the <em>Alt+F10</em> keyboard shortcut. To move to the next or previous button, use the <em>Right Arrow</em> and <em>Left Arrow</em> keys, respectively. To activate a selected toolbar button, press <em>Enter</em> or <em>Space</em>.</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== Toolbar Buttons ==</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== Toolbar Buttons ==</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>The following is the list of buttons available in the standard toolbar:</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>The following is the list of buttons available in the standard toolbar:</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins class="diffchange diffchange-inline"><strong></ins>[[/Upload|Upload]]<ins class="diffchange diffchange-inline"></strong> &ndash; opens </ins>the <ins class="diffchange diffchange-inline"><strong></ins>Upload Pane<ins class="diffchange diffchange-inline"></strong> that </ins>can be used to add new files to the current folder.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[/Upload|Upload]]<del class="diffchange diffchange-inline">: Opens </del>the <del class="diffchange diffchange-inline">"</del>Upload Pane<del class="diffchange diffchange-inline">", which </del>can be used to add new files to the current folder.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins class="diffchange diffchange-inline"><strong></ins>[[/Refresh|Refresh]]<ins class="diffchange diffchange-inline"></strong> &ndash; reloads </ins>the list of files in the <ins class="diffchange diffchange-inline"><strong>[[CKFinder_2.x/Users_Guide/CKFinder_Interface/Files_Pane|</ins>Files Pane<ins class="diffchange diffchange-inline">]]</strong></ins>.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[/Refresh|Refresh]]<del class="diffchange diffchange-inline">: Reloads </del>the list of files in the Files Pane.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins class="diffchange diffchange-inline"><strong></ins>[[/Settings|Settings]]<ins class="diffchange diffchange-inline"></strong> &ndash; opens </ins>the <ins class="diffchange diffchange-inline"><strong></ins>Settings Pane<ins class="diffchange diffchange-inline"></strong> where </ins>you can configure and personalize CKFinder.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[/Settings|Settings]]<del class="diffchange diffchange-inline">: Opens </del>the <del class="diffchange diffchange-inline">"</del>Settings Pane<del class="diffchange diffchange-inline">", were </del>you can configure and personalize CKFinder.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins class="diffchange diffchange-inline"><strong></ins>[[/Help|Help]]<ins class="diffchange diffchange-inline"></strong> &ndash; opens </ins>this User's Guide.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[/Help|Help]]<del class="diffchange diffchange-inline">: Opens </del>this User's Guide.</div></td><td colspan="2"> </td></tr>
</table>
Anna
https://docs-old.ckeditor.com/index.php?title=CKFinder_2.x/Users_Guide/CKFinder_Interface/Toolbar&diff=3248&oldid=prev
Wiktor: Created page with ' The Toolbar is a dedicated area at the top of the CKFinder interface. It contains a series of buttons that can be clicked to quickly execute specific functions. Here is a screen…'
2010-05-18T14:56:52Z
<p>Created page with ' The Toolbar is a dedicated area at the top of the CKFinder interface. It contains a series of buttons that can be clicked to quickly execute specific functions. Here is a screen…'</p>
<p><b>New page</b></p><div><br />
The Toolbar is a dedicated area at the top of the CKFinder interface. It contains a series of buttons that can be clicked to quickly execute specific functions. Here is a screenshot of it:<br />
<br />
[[Image:Ckfinder toolbar.gif|Image:Ckfinder_toolbar.gif]]<br />
<br />
== Toolbar Buttons ==<br />
<br />
The following is the list of buttons available in the standard toolbar:<br />
<br />
* [[/Upload|Upload]]: Opens the "Upload Pane", which can be used to add new files to the current folder.<br />
* [[/Refresh|Refresh]]: Reloads the list of files in the Files Pane.<br />
* [[/Settings|Settings]]: Opens the "Settings Pane", were you can configure and personalize CKFinder.<br />
* [[/Help|Help]]: Opens this User's Guide.</div>
Wiktor