elFinder Usability Guide

Navigating elFinderelFinder default path: /admin/content/files

Directories are shown here. Currently all directories shown are readable and writable.

Eventually, we will lock directories to prevent their removal. This will be indicated with a small yellow-orange lock icon in the bottom right corner of the folder icons.

This is the back button for navigating between directories.

This is a refresh button. It will refresh the contents of the currently selected folder.

This icon is used to open a folder selected in the main box to the right of the hierarchical folders. Clicking a folder in the left column or double clicking a folder in the main box accomplishes the same thing.

This button will create a new folder. A new folder will show up in the main box as “untitled folder.” You can now rename the folder as needed.

This button will create a new text file. We will not have much use for this button.

This icon will open an upload dialog. This is the button where new images, files, and audio will be uploaded. Be sure you have already navigated to the proper directory before uploading your file.

This icon is for duplicating/copying files and folders.

This icon will paste previously duplicated/copied files and folders.

This button will delete the currently selected file or folder. There will be a popup dialog to verify your decision to delete.

This button allows you to rename the currently selected file or folder.

This button is used to edit existing text files. We will not have much use for this functionality.

This button gives brief information about the selected file or folder.

This button gives a preview of the selected file or folder (works best for images). See below:

This button allows for resizing of uploaded images. See below:

This button changes the main box to icon-grid view. See below:

This button changes the main box to list view. See below:

This button is a help button. It displays elFinder documentation and shortcuts.

elFinder support following shortcuts:

• Ctrl+A - Select all files

• Ctrl+C/Ctrl+X/Ctrl+V - Copy/Cut/Paste files

• Enter - Open selected file/folder

• Space - Open/close QuickLook window

• Delete/Cmd+Backspace - Remove selected files

• Ctrl+I - Selected files or current directory info

• Ctrl+N - Create new directory

• Ctrl+U - Open upload files form

• Left arrow - Select previous file

• Right arrow - Select next file

• Ctrl+Right arrow - Open selected file/folder

• Ctrl+Left arrow - Return into previous folder

• Shift+arrows - Increase/decrease files selection

Uploading a New File

or*In the content entry pane, find the image, file, or audio upload field. They will look like the graphic above. Click the elFinder File browser link. Upon clicking the link, the field will change to what we see below:

Now, click the “browse” link. Clicking the link will create a popup elFinder box. *Alternately, you may click the browse link and it will open an elFinder popup.

Navigate to the correct directory and click the button. This will open the

upload dialog box where you may select a file on your local machine to be uploaded.

Selecting a Previously Uploaded File

*or

In the content entry pane, find the image, file, or audio upload field. They will look like the graphic above. Click the elFinder File browser link. Upon clicking the link, the field will change to what we see below:

Now, click the “browse” link. Clicking the link will create a popup elFinder box. *Alternately, you may click the browse link and it will open an elFinder popup.

Navigate to the file you are trying to include in your content. Then, simply double click the icon and it will return you to the content entry pane.