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.

Share This Post

12 thoughts on “Bootstrap 3 Responsive Template for AutoIndex PHP Script”

    1. Our apologies. The link has been corrected. You should be able to download the file(s) now. Thank you for letting us know about this problem.

    1. The post “Bootstrap 3 Responsive Template for AutoIndex PHP Script” includes instructions on how to put a logo (fixed image) on the top of each page. I hope that helps.

  1. Ciao e grazie, utilizzo Autoindex nella rete aziendale da tempo, volevo chiederti una cortesia, io vorrei che i file venissero aperti in una nuova finestra del browser, come posso fare? i file sono estensione PDF, buona giornata e grazie

    1. Lucas’ post in English: Hello and thank you, I have been using Autoindex on the corporate network for some time, I wanted to ask you a courtesy, I would like the files to be opened in a new browser window, how can I do it? the files are

      My Reply: I am assuming that you want the hyperlinks to open in a new window or tab in the browser. I will take a look at that idea. If I can come up with a way to do that, I will post it to this thread. Thanks for posting your comment. -Beau

      1. Hello, I’m trying to make indexed files (pdf) open in a new tab also using Autoindex. I’ve been able to get this to partially work by adding ” target=”_blank” ” to line 4 of each_file.tpl template. This hack however doesn’t differentiate between directories or files, directories also open in a new tab, where ONLY files are wanted. Any help to this regard is greatly appreciated.

        1. Thanks for posting this question and your solution by modifying the each_file.tpl file. To solve this problem we would have to evaluate what file:link is. That would take more time than I have to put in to a good solution. You got about 95% done by finding where the link is build and adding the target setting. I wish I could help you with this issue but time and skill are in short supply here, so all I can do is say kudos for getting real close to a solution.

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.