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.
- Download and unzip the download file for the responsive1 template on your local computer
- Use a FTP program to upload the
responsive1
directory to thetemplates
directory in AutoIndex - Edit the
AutoIndex.conf.php
file to change to the responsive1 template and then upload the editedAutoIndex.conf.php
file to the root AutoIndex directory on your website:
Changetemplate ./templates/default/
to
template ./templates/responsive1/
- 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 originalSearch.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.
not download, error link!
Thanks!
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.
thanks
Hi there, I use this all the time, well the old version, but I want to have a fixed image on my login page, how would I do this.
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.
This is amazing.
thanks for the work!!
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
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
Grazie
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.
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.