Template:Button

From FlightGear wiki
Revision as of 20:57, 28 May 2014 by Johan G (talk | contribs) (Hey! It works :-)
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

Text

The following template description is not displayed when the template is inserted in an article.

Goal

This template is used in running text to illustrate button presses and lit indicators. It allows the use of alternate colours and border widths.

Usage

{{button|text|t=black|c=white|b=black|w=1}}

The only mandatory parameter is text.

text
Button text
t
Text colour, defaults to black
c
Button cap colour, defaults to white
b
Border colour, defaults to black
w
Border width in pixels, defaults to 1

Colours

The template uses cascading style sheet (CSS) colours, and there are five ways to define the colours:

  1. Through colour keywords (either of aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white or yellow);
  2. as three hexadecimal values #rgb, like #F00 for red,
  3. as six hexadecimal values #rrggbb, like #00FF00 for green,
  4. as three integers 0-255 rgb(r,g,b), like rgb(0,255,255) for yellow
  5. as three percentages rgb(r, g, b), like rgb(100%, 0%, 0%) for red

In other words F = FF = 255 = 100%.

Examples

{{button|HDG}}

HDG

{{button|'''ALT'''|t=black|c=#AFA|b=gray|w=2}}

ALT

{{button|'''ILS'''|t=#AFA|c=gray|b=black|w=2}}

ILS

Known issues

  • In some cases workarounds will be required. One of them is for example text containing a pipe character (|) which would require you to insert {{!}} instead of |, since using a "|" inside a template will break it.
  • If a line breaks right before the template the left border will stay on the previous line.