Template:Hidden/doc

From Official Kodi Wiki
< Template:Hidden
Revision as of 17:53, 27 October 2007 by >16@[email protected] (full rewriting)
Jump to navigation Jump to search

Template:Template doc page viewed directly Template:Interwikitmp-grp This template creates a dynamic navigation box using style sheet declarations in MediaWiki:Common.css and Javascript code in MediaWiki:Common.js. It displays the first parameter (the heading) with a [show] link on the right. If [show] is clicked by the user, the second parameter (the body) is displayed below the heading and the [show] link becomes [hide]. Clicking on [hide] then hides the body again and the [hide] link becomes [show] again.

Usage

Only two parameters are required for this template:

header
text for header (or title); alternative to using unnamed parameter {{{1}}}
content
text for content (or body); alternative to using unnamed parameter {{{2}}}

Optional parameters

headercss
add CSS to the header.
contentcss
add CSS to the content box.
fw1
the font-weight for the heading (default "bold")
fw2
the font-weight for the body (default "normal")
bg1
the background-color for the heading (default "transparent")
bg2
the background-color for the body (default "transparent")
ta1
the text-align for the heading (default "center")
ta2
the text-align for the body (default "left")


Note: This template will not respect the user preference "justify paragraphs".

Examples

The simplest

In this example only the two required parameters are specified.

Template:Rh | Code
{{hidden|Title text here|Body text line 1<br/>Body text line 2}}
Template:Rh | Result

Header background

Template:Rh | Code
{{hidden|Title text here|Body text line 1<br/>Body text line 2|bg1=#ccccff|ta2=center}}
Template:Rh | Result


CSS

Template:Rh | Code
{{hidden<br/>
| headercss = background: #ccccff; font-size: 110%; width: 50%;<br/>
| contentcss = text-align: center; font-size: 110%; width: 50%;<br/>
| header = Title text here<br/>
| content = Body text line 1<br/><br/>
Body text line 2<br/><br/>
Body text line 3<br/>
}}
Template:Rh | Result

Lorem ipsum

Template:Rh | Code
{{hidden|ta1=left|bg1=cyan|bg2=yellow|lorem ipsum|{{lorem ipsum}}}}
Template:Rh | Result

Issues

First

A long header may overlap the show/hide button (!): Template:Evd

Second

With ta1=right or a long header the header overlaps the show/hide link (at least in some browsers):

Example with long header
Example with ta1=right
Example with ta1=right & first line blank

See also