DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:dwtimeline

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
plugin:dwtimeline [2022-07-14 10:28] – [Configuration and Settings] schplurtzplugin:dwtimeline [2022-07-22 11:35] (current) – version update saggi
Line 6: Line 6:
 email      : saggi@gmx.de  email      : saggi@gmx.de 
 type       : syntax type       : syntax
-lastupdate : 2022-07-13+lastupdate : 2022-07-22
 compatible : Igor, Hogfather compatible : Igor, Hogfather
 depends    :  depends    : 
Line 107: Line 107:
  
 {{ https://i.ibb.co/vcJkRJz/2022-06-28-08h31-34.png?400 |Timeline}} {{ https://i.ibb.co/vcJkRJz/2022-06-28-08h31-34.png?400 |Timeline}}
 +
 +=== Horizontal Timeline ===
 +
 +<code>
 +<dwtimeline align="horz" title="Title of Timeline" description="A additional description">
 +<milestone title="First milestone" description="My first timeline entry" data="22">
 +Between the milestone start and end, you can even use Wiki markup, e.g. images:
 +{{:wiki:dokuwiki-128.png?100|}}
 +</milestone>
 +<milestone title="Second milestone with link" description="First of the blue era" link="[[http://example.com|External Link]]" data="bl"  backcolor="LightBlue">
 +A milestone entry accepts title, description and link as options.
 +Everytime followed by ''='' and the option surrounded by ''"'':
 +<code>
 +title="Second milestone with link" description="My second timeline entry" link="[[http://example.com|External Link]]"
 +< /code>
 +This one is rendered at the **other** side of the //timeline//
 +</milestone>
 +<milestone title="Third milestone" description="My third timeline entry" link="[[playground:playground|]]"  backcolor="LightBlue">
 +This one is rendered at the other side of the timeline
 +<WRAP center round info 60%>
 +info box
 +</WRAP>
 +</milestone>
 +</dwtimeline title="End of Timeline">
 +</code>
 +
 +{{ https://i.ibb.co/FDFqtwK/2022-07-22-11h29-40.png?400 |horizontal Timeline}}
 ===== Configuration and Settings ===== ===== Configuration and Settings =====
  
Line 141: Line 168:
   * **2022-07-13**   * **2022-07-13**
     * [[https://github.com/saggi-dw/dwtimeline/issues/3|more compatibility for style.css]] (class names)      * [[https://github.com/saggi-dw/dwtimeline/issues/3|more compatibility for style.css]] (class names) 
 +  * **2022-07-22**
 +    * Add container arround timeline
 +      * add basic "print.css"
 +      * add buttons for timeline and milestone skeleton in editor
 +      * fix overlapping content of timeline (see title of commit)
 +      * fix(?) use of milestone outside of the timeline
 +      * fix change of alignment in milestones
 +      * fix extend the entry patter to find the fitting exit pattern
  
 === Known Bugs and Issues === === Known Bugs and Issues ===
plugin/dwtimeline.txt · Last modified: 2022-07-22 11:35 by saggi

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki