Modern Timeline
Provides a modern timeline visualization for Semantic MediaWiki as a result format.
On this page
External links
Modern Timeline for Semantic MediaWiki
Visualize your content on an interactive timeline via a Semantic MediaWiki query.
The Modern Timeline extension adds the moderntimeline "result format" to Semantic MediaWiki.
This allows you to query structured data with one or more properties of type time.
You can customize your timeline with a dozen parameters.
Professional Wiki created Modern Timeline. We are MediaWiki developers that provide professional MediaWiki services.
We thank KDZ Centre for Public Administration Research for funding initial development.
Usage Documentation
The first date printout is used as date for the timeline events:
{{#ask:
[[Modification date::+]]
|format=moderntimeline
|?Modification date
}}If a second date printout is present, it is used as end date and the event is displayed as a range:
{{#ask:
[[Start date::+]]
|format=moderntimeline
|?Start date
|?End date
}}Display and behaviour of the timeline can be changed via several output parameters:
{{#ask:
[[Modification date::+]]
|format=moderntimeline
|?Modification date
|width=75%
|height=500px
|start at end=on
}}Also see live Timeline examples
Parameters
You can customize your timeline with these parameters:
| Parameter | Type | Default | Description | Aliases |
|---|---|---|---|---|
| width | dimension | 100% | Timeline width in %. Can also be specified in px, em and ex | - |
| height | dimension | 400px | Timeline height in pixels. Can also be specified in em and ex | - |
| bookmark | boolean | no | Make the timeline bookmarkable via the page URL | - |
| background | string | white | Background color for the timeline slides (CSS color values) | - |
| scale factor | integer | 2 | Timeline width in screen widths at first presentation | scalefactor |
| position | string | bottom | Display the timeline navigation at the top or at the bottom | - |
| tick width | integer | 100 | Optimal distance (in pixels) between ticks on the axis | tickwidth |
| start slide | integer | 1 | The first slide to display when the timeline is loaded | startslide |
| start at end | boolean | no | Start with the last timeline slide | startatend |
| transition duration | integer | 1000 | Slide transition in milliseconds | duration, transitionduration |
| navigation height | dimension | 200px | Height of the timeline navigation section in % or px | navigationheight |
| template | string | Empty | Name of a template to show the slide area with | - |
| image property | string | Empty | Semantic property of type Page. Needs to be queried as print request | imageproperty, image, imageproperty |
You can output documentation of the supported parameters in your wiki with the smwdoc parser function:
{{#smwdoc: moderntimeline}}Installation
Requirements
- PHP 8.0 or later
- MediaWiki 1.39 or later
Load and enable
Load the extension using Composer:
COMPOSER=composer.local.json composer require --no-update professional-wiki/modern-timeline:~1.0Enable the extension by adding the following to your LocalSettings.php:
wfLoadExtension( 'ModernTimeline' );You can verify the installation by checking your wiki's Special:Version page.
More MediaWiki Extensions
Professional MediaWiki Services
MediaWiki services by the authors of Modern Timeline
Get superior results from the best MediaWiki developers with a proven track record of creating MediaWiki extensions & integrations.
Make your wiki look great! Use a time-tested responsive MediaWiki theme, or have us create a custom MediaWiki skin for you.
Let us take care of your wiki. We are MediaWiki hosting experts and provide cloud hosting, dedicated hosting, and on-premise hosting.
Bring your wiki to the next level by leveraging our MediaWiki expertise. From strategic planning to wikitext, we have you covered.
Migrate your wiki with confidence. We move your MediaWiki to a new home, or we help you migrate from another system to MediaWiki.
Keep your MediaWiki up-to-date and secure. We offer MediaWiki maintenance services to keep your wiki running smoothly.