4,000
edits
Changes
mLine 1:
Line 1: − Once installed, you can place <code><itimeline>...</itimeline></code> tags in pages where you want to show a timeline. A large number of parameters may be set in the <itimeline> tag, but all of them are optional. The contents of the tag should be a series of events, with one event defined per line. For example:+ Line 16:
Line 16: − + + + + + + + + + + + + +
→Usage
==Usage==
==Usage==
You can place <code><itimeline>...</itimeline></code> tags in pages where you want to show a timeline. A large number of parameters may be set in the <itimeline> tag, but all of them are optional. The contents of the tag should be a series of events, with one event defined per line. For example:
<syntaxhighlight lang="xml">
<syntaxhighlight lang="xml">
<itimeline height="512px" min="2014-06-01" max="2014-08-30">
<itimeline height="512px" min="2014-06-01" max="2014-08-30">
</itimeline>
</itimeline>
</syntaxhighlight>
</syntaxhighlight>
<itimeline height="512px" min="2014-06-01" max="2014-08-30">
<!-- These two lines define events that happen at a particular time -->
2014-07-25T13:00:00Z|Design|[[Target 1|Target 1]]
2014-07-26T10:00:00Z|Design|[[Target 2|Target 2]]
<!-- These three are ranges, defined using IS8601 intervals with start and end dates and times -->
2014-07-25T08:00:00Z/2014-07-26T15:00:00Z|Implement|[[Phase 1]]
2014-07-26T12:00:00Z/2014-07-27T15:00:00Z|Implement|[[Phase 2]]
2014-07-25T08:00:00Z/2014-08-00:00:00+02:00|Implement|Project 1
<!-- Available in v1.3: support for grouping. These three lines define events grouped in the 'last phase' group -->
2014-07-25T13:00:00Z|[[File:Nuvola apps important.svg|16px]] Coalface|[[Target 1/Deploy]]
2014-07-25T13:10:00Z|[[File:Nuvola apps important.svg|16px]] Coalface|[[Target 1/Panic]]
2014-07-25T13:15:00Z|[[File:Nuvola apps important.svg|16px]] Coalface|[[Target 1/Rollback]]
</itimeline>
===Dates and times===
===Dates and times===
All dates and times specified in an <itimeline> tag, whether as a value provided for a parameter, or as part of an event definition, should be formatted using a profile of [[w:ISO8601|ISO 8601]]. The dates and times accepted by InteractiveTimeline should take the form of a calendar date, optionally followed by a time:
All dates and times specified in an <itimeline> tag, whether as a value provided for a parameter, or as part of an event definition, should be formatted using a profile of [[w:ISO8601|ISO 8601]]. The dates and times accepted by InteractiveTimeline should take the form of a calendar date, optionally followed by a time: