Several years ago, Doug Alder of HomeBase Software posted a FileMaker solution that allowed a FileMaker user to easily compile and export interactive timelines for use on the web using a nifty JavaScript library from Knight Lab.  With Doug’s blessings, LuminFire has updated and modernized the solution. The new version features many improvements, including:

  • FileMaker 16 native JSON functions.
  • New in v1.1: FileMaker 17 native “create directories” exports.
  • Outputs up-to-date code using Knight Lab’s latest codebase.
  • New user interface.
  • A few bug fixes.  😉

The FileMaker Timeline is one of the timelines included in the sample file and chronicles many key moments in FileMaker history.

Create a JavaScript Timeline Web Page using FileMaker

To create your own timeline, follow these quick steps:

  1. Download the sample file (available below).
  2. Click on Create a New Timeline.
  3. Click the Save Support Files button to download FMTimeline.zip to your local computer (make sure the file unzips).
  4. Click the Export HTML and Media Files button to save all the files to the project directory.
  5. Open the HTML file to test locally.

The sample file has many more tips and features.

Update 2018-06-26:  We revamped the way the various files are exported using FileMaker 17’s native “create directories” export feature.  Now, exporting can be done with a single button click, instead of having to set up the support files and folder structures ahead of time.  The new sample file (v1.1) requires FileMaker 17, and is available for download below.

  • Download links are sent via email, so please make sure this is valid and correct!
    We hate spam as much as you do, so please let us know when it's OK to email you.
  • This field is for validation purposes and should be left unchanged.
About Us 15

Matt – Software Engineer

Matt is a highly skilled developer with over 13+ years of FileMaker and IT experience supporting Mac and Windows systems. Matt is a specialist in FileMaker Pro database development, graphic design, and HTML/CSS/PHP as well as proficient at Mac network administration, installation, and troubleshooting.