List Files with navigation

How do you list uploaded files on multiple pages

With the File Genie PHP Extension you can list uploaded files and create a navigation through multiple pages.
In this tutorial we will show you step by step how to list the files on multiple pages with navigation.

How to do it

•  Open page

  Open your php file where you need to display the files.

•  Find the Folder List Server Behavior
You will find the Folder List Server Behavior under Bindings, Folder List.

• Apply the Folder List Server Behavior

In the Folder List Name enter the name of this Folder List object.
In Folder Browse to the folder that holds the files you would like to display.
By Allowed Extensions you can choose which files you want to display. In this case Images only.

• Click ok

To apply the Folder List behavior click OK.
A message box appears to tell you that the file called incFileGenie.php has been copied to your site in the ScriptLibrary folder. Click OK.

•  Make the layout of your page

 To actually show the files on the page open up the Bindings panel and click on the + sign next to FolderList.
Select Name and Click on Insert. This will put the name of the file on your page. But only one.

•  Apply Repeat

  To actually show all the image files in the images folder you need to apply the Folder List Repeater Server Behavior.
  
  1. To apply the Folder List Repeater select the item on your page you want to repeat. (ps. If you want to list them underneith each other you should also include a <br>, you can do this by placing the cursor after the item and the press Shift-Enter, don't forget to also select this <br> before selecting the Repeater behavior)
  2. Open up Folder List Repeater. You will find this behavior under Server Behaviors, DMXzone, File Genie, Folder List Repeater.
  
  
  
  3. You need to choose how many records you want to display on each page.
  4. Click OK.
  
  

• Find the Folder List Navigation

  Put your cursor underneath {images.Name} and outside the repeat region. Do not select it! Now open up the Folder List Navigation.
  You will find the Folder List Navigation under Server Behaviors, DMXzone, File Genie, Folder List Navigation.
  
  

• Apply the Folder List Navigation

The Folder List Name is automatically selected.
In Navigation Type Select how you want to navigate. In this case by page.
Click OK.

• Results

Let's see what it looks like. Save your file and press F12 to open up the browser.
A page with 2 records and underneath the pages to navigate!