Changes

m
Line 125: Line 125:  
====Style Parameter of the Timeline Row====
 
====Style Parameter of the Timeline Row====
   −
* {{para|row{{sub|n}}-style}} and {{para|row{{sub|n}}-''i''-style}} can be used to provide row specific or bar specific styles. Those styles which repeat for every bar or for every row may be grouped into styles and be applied globally. The style prefixes can be anything other than {{code|row}}. See example below on how {{para|styleDefault}} is used to apply style common to all rows and {{para|stylePopes}}/{{para|styleAntiPopes}} are used to specify bar specific styles.
+
* {{para|row{{sub|n}}-style}} and {{para|row{{sub|n}}-''i''-style}} can be used to provide row specific or bar specific styles. Those styles which repeat for every bar or for every row may be grouped into styles and be applied globally. The style prefixes can be anything other than {{code|row}}. See example below on how {{para|styleDefault}} is used to apply style common to all rows and {{para|styleMEtasks}}/{{para|styleEEtasks}} are used to specify bar specific styles.
    
==== Example Usage ====
 
==== Example Usage ====
{{cot|Markup}}
   
<pre>
 
<pre>
 
<nowiki>
 
<nowiki>
Line 321: Line 320:  
** If you create a single row template, it can easily be embedded in a different template with different scale. The single row template will be automatically cropped to fit the parent template.  See how {{tl|Geological eras}} and {{tl|Geological periods}} are embedded in {{tl|Extinction events graphical timeline}}
 
** If you create a single row template, it can easily be embedded in a different template with different scale. The single row template will be automatically cropped to fit the parent template.  See how {{tl|Geological eras}} and {{tl|Geological periods}} are embedded in {{tl|Extinction events graphical timeline}}
 
* Different browsers have different ways of rendering. It's probably worth checking your finished timeline in at least [[Internet Explorer|IE]], [[Mozilla Firefox|Firefox]] and [[Google Chrome|Chrome]] if you are making a particularly complex timeline.
 
* Different browsers have different ways of rendering. It's probably worth checking your finished timeline in at least [[Internet Explorer|IE]], [[Mozilla Firefox|Firefox]] and [[Google Chrome|Chrome]] if you are making a particularly complex timeline.
  −
==Examples==
  −
* {{tl|Extinction events graphical timeline}}
  −
* {{tl|Prime Ministers of Spain - Democratic Spain graphical timeline}}
  −
* {{tl|Vietnam War graphical timeline}}
  −
* {{tl|Restoration Movement Timeline graphical timeline}}
  −
* {{tl|Portland Youth Philharmonic graphical timeline}}
  −
* {{tl|WikiProject Java/When graphical timeline}}
      
== Known Issues ==
 
== Known Issues ==
 
* Left and bottom border for bars (not rows) will not render properly in old browsers which lacks support for CSS3 Box-sizing.([http://caniuse.com/css3-boxsizing Refer here for full supported browser list]) All modern browsers provides at-least minimal support for this. Also only in extereme circumstances you will need to set bar border. Most of the time row border will be sufficient. Hence this should not be a problem.
 
* Left and bottom border for bars (not rows) will not render properly in old browsers which lacks support for CSS3 Box-sizing.([http://caniuse.com/css3-boxsizing Refer here for full supported browser list]) All modern browsers provides at-least minimal support for this. Also only in extereme circumstances you will need to set bar border. Most of the time row border will be sufficient. Hence this should not be a problem.
   −
==See also==
  −
*{{tiw|Graphical timeline}}
      
[[Category:Generic timeline templates]]
 
[[Category:Generic timeline templates]]
4,000

edits