Please remember to make use of the DML Wiki Manual of Style and Code of Conduct during your stay.

 Actions

Template

Btn

From Dragon Mania Legends (DML) Wiki

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(optiona)|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|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}} }} Clans Icon.png   Join  
{{btn|sm|green|{{sp}} {{sp}} YES {{sp}} {{sp}}||uppercase}}     YES    
{{btn|sm|yellow|i||lowercase}} i
{{btn|sm|green|+}} +
{{btn|sm|green|{{i|Check Mark|i}}}} Check Mark Icon.png
{{btn|sm|red|X}} X
{{btn|sm|yellow|{{i|Options}}}} Options Icon.png
{{btn|sm|blue|?}} ?
{{btn|sm|green|•••}} •••
{{btn|sm|red|{{i|Trash|i}}}} Trash Icon.png
{{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|grey|This is grey}} This is grey

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

ParameterDescriptionTypeStatus
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
Stringsuggested
Color (blue, green, yellow, red, grey, lt-blue)2

Specify a color for the button from the Allowed Values. Allowed Values: blue, green, yellow, red, grey, lt-blue

Example
yellow
Stringrequired
Content3

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}}
Stringrequired
Override Shape (cir, tab, tab-rt, tab-lt)4

If you want to override the default button shape, enter an Allowed Value. Allowed Values: cir, tab, tab-rt, tab-lt

Default
(none creates a rectangular button)
Stringoptional
Override Sentence/Text Case (uppercase, lowercase, capitalize, none=as typed)5

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
Stringoptional
Override Font Size (used only for buttons with 2-lines of text!)6

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
Numberoptional
Cookies help us deliver our services. By using our services, you agree to our use of cookies.