Template:Btn

Template documentation
Note: portions of the template sample may not be visible without values provided.
View or edit this template's documentation. (About template documentation)

Notes

Inserts a CSS-generated button with wikitext that will translate when translation is applied in user's web browser, to be used in place of images that are not.

• Syntax: {{btn|1|2|3|4|5|6}}
  • {{btn|size|color|content|shape(optional)|case(optional)|font-size override (optional)}}.
• If images (that are not icons with an already enforced size) a size MUST be added, or VE will mangle the images when the page is edited.
• In-text buttons should always use size sm, never med or lg.
• If spaces are needed, which MediaWiki removes if there are several in a row, use the {{sp}} template to create spaces that won't be removed.

Examples

• {{btn|sm|blue|text}} text
• {{btn||blue|text}} text
• {{btn|sm|green|{{i|Forward|i}}}}
• {{btn|sm|green|{{i|Back|i}}}}
• {{btn|sm|yellow|?|cir}} ? (if an icon inside a circle warps too much, create an image button instead)
• {{btn|sm|green|Test|tab}} Test
• {{btn|sm|blue|Test|tab-rt}} Test
• {{btn|sm|lt-blue|Test|tab-lt}} Test
• {{btn|sm|yellow|reward of the<br>month|||8}} reward of the
  month (for 2-line buttons, change the font size to 8)
• {{btn|sm|green|mY Button||none}} mY Button (as it is typed)
• {{Btn|sm|blue|My button {{sp}}{{sp}}}} My button   
• {{btn|sm|green|{{i|Clans|i|15px}} {{sp}} Join {{sp}} }}   Join  
• {{btn|sm|green|{{sp}} {{sp}} YES {{sp}} {{sp}}||uppercase}}
•     YES    
• {{btn|sm|green|{{i|Ranking|i}}}}
• {{btn|sm|yellow|i||lowercase}} i
• {{btn|sm|green|+}} +
• {{btn|sm|green|{{i|Refresh|i}}}}
• {{btn|sm|green|{{i|Check Mark|i}}}}
• {{btn|sm|red|X}} X
• {{btn|sm|yellow|{{i|Options}}}}
• {{btn|sm|blue|?}} ?
• {{btn|sm|green|•••}} •••
• {{btn|sm|red|{{i|Trash|i}}}}
• {{btn|sm|red|{{sp}}{{sp}} Trash {{sp}}{{sp}} {{i|Trash|i}}}}    Trash   
• {{btn|med|red|This is red||capitalize }} This is red
• {{btn|lg|green|This is green}} This is green
• {{btn|sm|purple|This is purple}} This is purple
• {{btn|sm|gray|This is grey}} This is gray
• {{btn|sm|grey|This is grey}} This is grey
• {{btn|sm|yellow|This is text|ptab-lt}} This is text
• {{btn|med|yellow|This is text|ptab-lt}} This is text
• {{btn|lg|yellow|This is text|ptab-lt}} This is text
• {{btn|sm|yellow|This is text|ptab-rt}} This is text
• {{btn|med|yellow|This is text|ptab-rt}} This is text
• {{btn|lg|yellow|This is text|ptab-rt}} This is text

testing the checks

• {{btn|huge|black|{{color|000|all wrong params}}|tri|as is}}
• all wrong params 1 2 4 5

Inserts a CSS-generated button with wikitext that will translate when translation is applied in user's web browser, to be used in place of images that are not. Syntax: {{btn|1|2|3|4|5|6}} {{btn|size|color|content|shape (optional)|case (optional)|font-size override (optional)}}. In-text buttons should '''always use size sm''', never '''med or lg'''. Note: If icons or images are used, you MUST add a size or VE will mangle pages of images that don't have this, or just use a default size!

Template parameters

Parameter		Description	Type	Status
Override Size (sm, med, lg)	1	If you want to override the default button size (sm) enter a value from the Allowed Values: sm, med, lg Default sm Example sm	String	suggested
Color (blue, green, yellow, red, gray, lt-blue)	2	Specify a color for the button from the Allowed Values. Allowed Values: blue, green, yellow, red, gray, lt-blue Example yellow	String	required
Content	3	Enter the content for the button which may include icon templates or space templates. Make sure to set icon size to 15. Use the {{sp}} template to include spaces before or after button content (mediawiki strips out starting and ending spaces and duplicate spaces in a row) Example Button Text {{i|gems|i|15}}	String	required
(Override) shape (cir, tab, tab-rt, tab-lt,ptab-rt,ptab-lt)	4 shape	Override the default button shape, by entering an Allowed Value. Allowed Values: cir, tab, tab-rt, tab-lt Default (none creates a rectangular button)	String	optional
Override Sentence/Text Case (uppercase, lowercase, capitalize, none=as typed)	5 case	If you wish to override the default case of the letters (e.g., lowercase), enter an allowed value, otherwise leave this blank. Allowed Values: uppercase (default), lowercase, capitalize, none (none, does however you type it) Default uppercase	String	optional
Override Font Size (used only for buttons with 2-lines of text!)	6 font	If the button contains 2 lines of text and the font size must be adjusted, specify a value (in px, without including 'px') - Typically '8' Example 8	Number	optional