elFinder Usability Guide

Navigating elFinder elFinder default path: /admin/content/les

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 le. We will not have much use for this button. This icon will open an upload dialog. This is the button where new images, les, and audio will be uploaded. Be sure you have already navigated to the proper directory before uploading your le. This icon is for duplicating/copying les and folders. This icon will paste previously duplicated/copied les and folders. This button will delete the currently selected le or folder. There will be a popup dialog to verify your decision to delete. This button allows you to rename the currently selected le or folder. This button is used to edit existing text les. We will not have much use for this functionality. This button gives brief information about the selected le or folder. This button gives a preview of the selected le 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 les Ctrl+C/Ctrl+X/Ctrl+V - Copy/Cut/Paste les Enter - Open selected le/folder Space - Open/close QuickLook window Delete/Cmd+Backspace - Remove selected les Ctrl+I - Selected les or current directory info Ctrl+N - Create new directory Ctrl+U - Open upload les form Left arrow - Select previous le Right arrow - Select next le Ctrl+Right arrow - Open selected le/folder Ctrl+Left arrow - Return into previous folder Shift+arrows - Increase/decrease les selection

Uploading a New File

or* In the content entry pane, nd the image, le, or audio upload eld. They will look like the graphic above. Click the elFinder File browser link. Upon clicking the link, the eld 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 le on your local machine to be uploaded.

Selecting a Previously Uploaded File

*or In the content entry pane, nd the image, le, or audio upload eld. They will look like the graphic above. Click the elFinder File browser link. Upon clicking the link, the eld 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 le you are trying to include in your content. Then, simply double click the icon and it will return you to the content entry pane.