Template:Button/doc: Difference between revisions

From Xen
Jump to navigationJump to search
(Created page with "{{Documentation subpage}} == Usage == <pre> {{Button|Sandbox}} {{Button|Another Link}} {{Button|[http://www.mediawiki.org]}} {{Button|[http://www.mediawiki.org/…")
 
No edit summary
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{Documentation subpage}}

== Usage ==
== Usage ==
=== Basic ===

Only use for mediwiki links : the CSS for external links does not (yet) work.
<pre>
<pre>
{{Button|[[Sandbox]]}}
{{Button|[[Sandbox]]}}
{{Button|[[Sandbox|Another Link]]}}
{{Button|[[Sandbox|Another Link]]}}
{{Button|[http://www.mediawiki.org]}}
{{Button|[http://www.mediawiki.org/ External Link]}}
</pre>
</pre>


Line 13: Line 10:
{{Button|[[Sandbox]]}}
{{Button|[[Sandbox]]}}
{{Button|[[Sandbox|Another Link]]}}
{{Button|[[Sandbox|Another Link]]}}

{{Button|[http://www.mediawiki.org]}}
=== Changing the Button Style ===
{{Button|[http://www.mediawiki.org/ External Link]}}
You can change the button style, by using the <em>style</em> argument. Note this must be the <em>second</em> argument: the first is always the button text (which should be a link).
<pre>
{{Button|[[Sandbox]]|style=btn-success}}
{{Button|[[Sandbox|Another Link]]|style=btn-big}}
{{Button|[[Sandbox]]|style=btn-small btn-success}}</pre>

These render as:<br>
{{Button|[[Sandbox]]|style=btn-success}}
{{Button|[[Sandbox|Another Link]]|style=btn-big}}
{{Button|[[Sandbox]]|style=btn-small btn-success}}

== Available Styles ==
=== Button Sizes ===
{|
|'''Style'''
|'''Rendered Button'''
|-
|btn-small
|{{Button|[[Sandbox]]|style=btn-small}}
|-
|(default)
|{{Button|[[Sandbox]]}}
|-
|btn-big
|{{Button|[[Sandbox]]|style=btn-big}}
|}
=== Button Colors ===
{|
|'''Style'''
|'''Rendered Button'''
|-
|(default)
|{{Button|[[Sandbox]]}}
|-
|btn-yellow
|{{Button|[[Sandbox]]|style=btn-yellow}}
|-
|btn-green
|{{Button|[[Sandbox]]|style=btn-green}}
|-
|btn-info
|{{Button|[[Sandbox]]|style=btn-info}}
|-
|btn-success
|{{Button|[[Sandbox]]|style=btn-success}}
|-
|btn-warning
|{{Button|[[Sandbox]]|style=btn-warning}}
|-
|btn-danger
|{{Button|[[Sandbox]]|style=btn-danger}}
|-
|btn-inverse
|{{Button|[[Sandbox]]|style=btn-inverse}}
|}

Latest revision as of 00:05, 23 June 2013

Usage

Basic

Only use for mediwiki links : the CSS for external links does not (yet) work.

{{Button|[[Sandbox]]}}
{{Button|[[Sandbox|Another Link]]}}

These render as:
Sandbox Another Link

Changing the Button Style

You can change the button style, by using the style argument. Note this must be the second argument: the first is always the button text (which should be a link).

{{Button|[[Sandbox]]|style=btn-success}}
{{Button|[[Sandbox|Another Link]]|style=btn-big}}
{{Button|[[Sandbox]]|style=btn-small btn-success}}

These render as:
Sandbox Another Link Sandbox

Available Styles

Button Sizes

Style Rendered Button
btn-small Sandbox
(default) Sandbox
btn-big Sandbox

Button Colors

Style Rendered Button
(default) Sandbox
btn-yellow Sandbox
btn-green Sandbox
btn-info Sandbox
btn-success Sandbox
btn-warning Sandbox
btn-danger Sandbox
btn-inverse Sandbox