Bootstrap 3 Responsive Template for AutoIndex PHP Script

For years I have been a big fan of the AutoIndex PHP Script written by Justin Hagstrom. This is a powerful website directory indexer and file manager. I primarily use it to manage download directories. The problem is that Mr. Hagstrom has not updated this script since 2007. It is not natively responsive for small screens. Since most browsing is done on cell phones or tablets these days, I created a simple Bootstrap 3 responsive template to solve this problem. I also created a mod to change the format of the Search box in AutoIndex. I think there are other AutoIndex users that might benefit from this template and mod, so I am sharing them in this post.

Links for this project:
Download AutoIndex PHP Script from Justin Hagstrom
Demo responsive1 Template for AutoIndex PHP Script
Download responsive1 Template for AutoIndex PHP Script

After installing the AutoIndex PHP Script on your website, you will need to make a few changes to implement the responsive1 template, and the Search box mod if you choose.

  1. Download and unzip the download file for the responsive1 template on your local computer
  2. Use a FTP program to upload the responsive1 directory to the templates directory in AutoIndex
  3. Edit the AutoIndex.conf.php file to change to the responsive1 template and then upload the edited AutoIndex.conf.php file to the root AutoIndex directory on your website:
    Change template ./templates/default/ to
    template ./templates/responsive1/
  4. If you want to use the Search box mod, unzip that download file on your local computer and upload the three files to the classes directory in AutoIndex on your website; you will see there are backup copies of the original Search.php file, as well as the modified version.

If you would like to include a website logo image or a text header, you will find those at the bottom of the global_header.tpl file. Those two lines are disabled by default, but please customize them for your website.

Once you get everything uploaded to your website, test the results on both a cell phone and a computer. I hope you like what you see.

Disclaimer: No guarantees. Use at your own risk.

Feel free to post comments, questions, and suggestions below and I will do what I can to help.

Leave a Reply

Your email address will not be published. Required fields are marked *

WordPress spam blocked by CleanTalk.