Archive:Clickable button: Difference between revisions

From The Mana World
Zingo (talk | contribs)
No edit summary
updated the page with a more simple code. Please so not just copy the code from wikimedia and wikiversity. They have a different format.
Line 1: Line 1:
<span class="nowrap plainlinks" title="button link" {{#if:{{{id|}}}|id="{{{id}}}"}} style="padding:0.2em 0.6em; border:1px solid; border-color:#aaa #555 #555 #aaa; {{border-radius|3px}} background-color:#f2f2f2; {{linear-gradient|top|#fcfcfc, #e0e0e0}} {{{style|}}}">{{{1|<noinclude>the button</noinclude>}}} <span class="submit ui-button ui-widget ui-state-default ui-corner-all {{#if:{{{1|}}}
<span class="mw-ui-button {{#switch: {{{color|white}}} | red = mw-ui-destructive | green = mw-ui-constructive | white = | blue = mw-ui-progressive}}" role="button" aria-disabled="false">{{{1|Button text}}}</span>
|<!-- text was specified
-->ui-button-text-{{#if:{{{2|{{{iconPrimary|}}}}}}
    |<!-- a primary icon -->{{#if:{{{3|{{{iconSecondary|}}}}}}
      |<!-- a secondary icon --> icons
      |<!-- no secondary icon was specified --> icon-primary
    }}
    |<!-- no primary icon --> {{#if:{{{3|{{{iconSecondary|}}}}}}
      |<!-- a secondary icon --> icon-secondary
      |<!-- no secondary icon --> only
    }}
  }}
|<!-- no text was specified
-->ui-button-{{#if:{{{2|{{{iconPrimary|}}}}}}
    |<!-- primary icon -->{{#if:{{{3|{{{iconSecondary|}}}}}}
      |<!-- secondary icon --> icons-only
      |<!-- no secondary icon --> icon-only
    }}
    |<!-- no primary icon --> {{#if:{{{3|{{{iconSecondary|}}}}}}
      |<!-- secondary icon --> icon-only
      |<!-- no secondary icon --> text-only error
    }}
  }}
}} {{{class|}}}" role="button" aria-disabled="false" style="{{#switch:{{{class|}}}
  | ui-button-blue | mw-ui-progressive = background-color: #2962CB;
  | ui-button-green | mw-ui-constructive = background-color: #008B6D;
  | ui-button-red | mw-ui-destructive = background-color: #A6170F;
  | #default = background-color: #CCC; color: #666;
}}">{{#if:{{{2|{{{iconPrimary|}}}}}}
  |<span class="ui-button-icon-primary ui-icon {{{2|{{{iconPrimary}}}}}}">&nbsp;</span>
  }}<span class="ui-button-text">{{{1|<noinclude>the button</noinclude>}}}</span>{{#if:{{{3|{{{iconSecondary|}}}}}}
  |<span class="ui-button-icon-secondary ui-icon {{{3|{{{iconSecondary|}}}}}}">&nbsp;</span>
  }}</span></span><noinclude>{{documentation}}</noinclude>

Revision as of 10:16, 5 March 2015

Button text