Template:Clickable button: Difference between revisions
m improved readability |
m support icon-only buttons |
||
Line 3: | Line 3: | ||
|{{{4|{{{iconPrimary|}}}}}} |
|{{{4|{{{iconPrimary|}}}}}} |
||
|{{{5|{{{iconSecondary|}}}}}} |
|{{{5|{{{iconSecondary|}}}}}} |
||
|{{{2|{{{text|}}}}}} |
|{{{2|{{{text|<noinclude>x</noinclude>}}}}}} |
||
}} {{{class|}}}" role="button" aria-disabled="false"><!-- // -->{{#if:{{{4|{{{iconPrimary|}}}}}} |
}} {{{class|}}}" role="button" aria-disabled="false"><!-- // -->{{#if:{{{4|{{{iconPrimary|}}}}}} |
||
|<span class="ui-button-icon-primary ui-icon {{{4|{{{iconPrimary}}}}}}"> </span> |
|<span class="ui-button-icon-primary ui-icon {{{4|{{{iconPrimary}}}}}}"> </span> |
||
}} |
}}<span class="ui-button-text">{{{2|{{{text|Parameter '''text''' is empty}}}}}}</span>{{#if:{{{5|{{{iconSecondary|}}}}}} |
||
|<span class="ui-button-text">{{{2|{{{text|Parameter '''text''' is empty}}}}}}</span> |
|||
}}{{#if:{{{5|{{{iconSecondary|}}}}}} |
|||
|<span class="ui-button-icon-secondary ui-icon {{{5|{{{iconSecondary|}}}}}}"> </span> |
|<span class="ui-button-icon-secondary ui-icon {{{5|{{{iconSecondary|}}}}}}"> </span> |
||
}}</span>]</span><!-- |
}}</span>]</span><!-- |
||
Line 15: | Line 13: | ||
|{{{4|{{{iconPrimary|}}}}}} |
|{{{4|{{{iconPrimary|}}}}}} |
||
|{{{5|{{{iconSecondary|}}}}}} |
|{{{5|{{{iconSecondary|}}}}}} |
||
|{{{2|{{{text|}}}}}} |
|{{{2|{{{text|<noinclude>x</noinclude>}}}}}} |
||
}} {{{class|}}}" role="button" aria-disabled="false"><!-- // -->{{#if:{{{4|{{{iconPrimary|}}}}}} |
}} {{{class|}}}" role="button" aria-disabled="false"><!-- // -->{{#if:{{{4|{{{iconPrimary|}}}}}} |
||
|<span class="ui-button-icon-primary ui-icon {{{4|{{{iconPrimary}}}}}}"> </span> |
|<span class="ui-button-icon-primary ui-icon {{{4|{{{iconPrimary}}}}}}"> </span> |
||
}} |
}}<span class="ui-button-text">{{{2|{{{text|Parameter '''text''' is empty}}}}}}</span>{{#if:{{{5|{{{iconSecondary|}}}}}} |
||
|<span class="ui-button-text">{{{2|{{{text|Parameter '''text''' is empty}}}}}}</span> |
|||
}}{{#if:{{{5|{{{iconSecondary|}}}}}} |
|||
|<span class="ui-button-icon-secondary ui-icon {{{5|{{{iconSecondary|}}}}}}"> </span> |
|<span class="ui-button-icon-secondary ui-icon {{{5|{{{iconSecondary|}}}}}}"> </span> |
||
}}</span>]] |
}}</span>]] |
Revision as of 10:34, 14 September 2013
This template is obsolete, you should use {{Clickable button 2}} instead.
Provides a button with hover effects.
Parameter | Description | Type | Status | |
---|---|---|---|---|
target | target 1 | The target page of the button. For external links, it is recommended using the named parameter target because they often contain “=” which would confuse the parser. | Line | required |
button text | text 2 | Text (caption) the button should carry. Either you specify text or an icon. | Line | required |
external link | external 3 | Is this an external link? If it is, set to yes or aye, or whatever you like, except nothing. | Line | optional |
primary icon | iconPrimary 4 | A jQuery UI icon class for the primary icon (in LTR languages on the left side of the button label/text)
| Line | optional |
extra CSS classes | class | no description
| Line | optional |
ID | id | Unique id to be used as the button's ID-Attribute. Useful for JavaScript-binding and CSS-styling. | Line | optional |
secondary icon | iconSecondary 5 | A jQuery UI icon class for the secondary icon (in LTR languages on the right side of the button label/text)
| Line | optional |
See icon examples in the commons:Template:Clickable button 2/Icons.
See also
{{Clickable button 2}}
- a button with updated formatting