In this article Patrick will show you how to enhance the options of the simple File Management System that was created in the article Creating a File Management System with File Genie – part 1. First he will show you how to give the File Management System the Explorer-style, that could be seen in the first article. Next he will hide the Quick-Add form, when no folder has been selected. After that the header will be edited, in such a way that the name of the selected folder will appear in the header of the File List.

To end this article Patrick will walk you through a couple of steps to enable sorting of all columns.

Watch the demo

Show folder name in header

When using the File Management System as it is now, the File List has no reference at all as to the content of which folder is shown. In this chapter we will see to it that the foldername is shown in the header of the File List. The foldername will only be shown if a folder was selected.

First we will create a binding for the URL parameter called f. This is not necessary, but this binding will prevent having to enter the code manually each time.

1. Make sure the Binding s window is visible in Dreamweaver.
2. If it is not, select Window, Bindings from the menu.

3. Click the +-button and choose Request Variable to add a new binding.

4. Select Request.Querystring from the Type field.
5. In the Name field, typ f.
6. Click OK.
7. The binding for the URL parameter f has now been added to the Bindings window.

Now the binding has been created, the foldername can be added to the File List header.

1. Make sure you are looking at the page in Design View.
2. Put the cursor behind the text File List in the header.
3. Create some space behind the text.  In this example we also use the | character.
4. Drag the binding Querystring.f from the Bindings window to the header. You could also put the cursor where to insert the binding, and then from the Bindings window select the binding Querystring.f and click the Insert-button.

5. Switch to Code View.
6. Place the cursor right after the text File List.
7. Choose Insert, ASP Objects, If from the menu. The code <% If  Then %> is added.
8. Drag the binding Querystring.f between If and Then and typ <>"" after it. The code now looks like this.

<% If Request.QueryString("f")<>"" Then %>

9. Place your cursor behind the code <%= Request.QueryString("f") %>.
10. Choose Insert, ASP Objects, End from the menu. The code <% End If %>is added.

Save and upload the page. When the page is now opened without a folder selected, there will be no foldername in the header of the File List. As soon as a folder is clicked in the Folder List, the foldername will be shown.