Folders Pane

This website contains links to software which is either no longer maintained or will be supported only until the end of 2019 (CKFinder 2). For the latest documentation about current CKSource projects, including software like CKEditor 4/CKEditor 5, CKFinder 3, Cloud Services, Letters, Accessibility Checker, please visit the new documentation website.

If you look for an information about very old versions of CKEditor, FCKeditor and CKFinder check also the CKEditor forum, which was closed in 2015. If not, please head to StackOverflow for support.

The Folders Pane contains the "tree view" of the folders that you can navigate. Folders are used to organize and categorize your files.

CKFinder Folders Pane


Folders display is called "tree view" because the folders hierarchy is represented like tree branches, with subfolders placed below and indented with regard to their parent items. The Folders Pane uses the same graphic representation that can be found in many modern operating systems.

Basic Operations

Opening (Expanding) a Folder

In order to open a folder and expand its subfolders, click the plus icon (Ckfinder plus sign.gif) in front of the folder name. If the plus icon is not present, the folder does not contain any subfolders.

Collapsed folder


See the "On Request Loading" section below if you require more information about the loading process in CKFinder.

Closing (Collapsing) a Folder

In order to close a folder and hide (collapse) its subfolders, click the minus icon (Ckfinder minus sign.gif) in front of the folder name.

Expanded folder with its subfolders


Selecting a Folder

In order to select a folder and make it the "current folder" in CKFinder, click the folder name or its icon. The selected folder will be highlighted with a different background color.

Selected CKFinder folder


Advanced Operations

Advanced operations can be performed on a folder by using its Context Menu. Depending on the circumstances, the following options may be available:

Folder context menu
  • New Subfolder – creates a new subfolder in this parent folder.
  • Rename – changes the name of the folder.
  • Copy Files from Basket – copies the files that were placed in the Basket to the selected folder.
  • Move Files from Basket – moves the files that were placed in the Basket to the selected folder.
  • Delete – permanently removes the folder.
important note

Note: Some context menu options may be disabled (and thus grayed out), depending on CKFinder settings enforced by your system administrator.


Creating Folders

In order to create a child folder inside an existing folder, choose the New Subfolder option from the context menu of the parent folder. Type the name of the new folder in the dialog window that will be displayed. Once you give the new folder a name and close the dialog window, the folder will be created.

Creating a new folder in CKFinder


Not all characters can be used in folder and file names due to limitations of the systems where CKFinder runs. Among the characters that cannot be used in folders and files names are: \ / : * ? " < > and |.


Renaming Folders

In order to rename a folder, choose the Rename option from its context menu or use the F2 keyboard shortcut. Type the new folder name in the dialog window that will be displayed, overwriting the existing name. Once you enter the new folder name and close the dialog window, the folder will be renamed.

Renaming a folder in CKFinder


As stated above, not all characters can be used in folder and file names due to limitations of the systems where CKFinder runs. Among the characters that cannot be used in folders and files names are: \ / : * ? " < > and |.

important note
Attention: When you rename a folder, links or media insertions available on other pages and pointing to files or folders inside the renamed folder will be broken, and thus not available anymore. Because of that be careful when using this feature.


Copying and Moving Files from Basket

The Basket is a virtual placeholder that can be helpful if you want to perform batch operations on files. The copying and moving operations are described in the Basket section of the User's Guide.

Deleting Folders

In order to delete a folder, including all its contents, choose the Delete option from its context menu or use the Del key. A confirmation message will appear to ensure that this operation is what you really intend to do. Once you confirm the deletion, the folder will be removed.

important note

Attention: This operation cannot be undone. Once you delete the folder and its contents, you will not be able to restore the removed files.


Deleting a folder in CKFinder


important note
Attention: When you delete a folder, links or media insertions available on other pages and pointing to files or folders inside the deleted folder will be broken, and thus not available anymore. Because of that be careful when using this feature.


"On Request" Loading

The most important difference between CKFinder and the folders tree structures found in desktop operating systems is that in CKFinder the folders are loaded "on request". It means that the application does not load the entire folders tree structure at startup, but instead loads its small subset when the folder is being expanded. This feature is present in most advanced web applications like CKFinder and allows to save on bandwidth and loading time.

To indicate that folders are being loaded, the Loading... label may appear when you expand a folder:

Folder loading in CKFinder


The label will automatically disappear once all requested folders are loaded.

This page was last edited on 7 October 2011, at 13:23.