Wechseln zu:Navigation, Suche
Wiki

Vorlage:Button: Unterschied zwischen den Versionen

Aus Securepoint Wiki
← Zum vorherigen Versionsunterschied
Keine Bearbeitungszusammenfassung
K 1 Version importiert
 
(160 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
<span style="background-color: #cccccc;border: 1px solid grey;border-radius:4px;clear: both">&nbsp;{{{Text}}}&nbsp;</span>
<noinclude>{{Set_lang}}</div></noinclude>{{#vardefine:style|}}{{var|Anw|{{#switch:{{{Anw|}}}|MaS|Mailsecurity=Mailsecurity|{{{Anw|{{Anw}}}}}}}}}<span title="{{{title|}}}"
<!-- funzt leider nicht:
class="button {{#switch: {{lc:{{{2|}}}  }}
<input type="submit" value="{{{Text}}}" />
| blau
-->
| b= button-blau
| dro={{#if:{{{glyph-class|}}}|button-default|button-dropdown-solid}}
| dr= button-dropdown
| #default= button-default
}} {{#var:Anw}} {{{class|}}} {{#if: {{{1|}}}{{{2|}}}|{{{icon|}}} }} {{#if:{{{1}}}||{{#ifeq:{{{2|}}}|dro||icon}} }}"
{{#if: {{{c|}}}  | {{#vardefine:style|{{#var:style}} color:{{ Farbe | {{{c}}} }} }} }}
{{#if: {{{w|}}}  | {{#vardefine:style|{{#var:style}} width: {{{w|}}}; }} }}
{{#if: {{{lh|}}} | {{#vardefine:style|{{#var:style}} line-height:{{{lh|}}}; }} }}
{{#if: {{{va|}}} | {{#vardefine:style|{{#var:style}} vertical-align: {{{va|}}}; }} }}
{{#if: {{{bc|}}} | {{#vardefine:style|{{#var:style}} background: {{Farbe|{{{bc|}}}}}}}}}
{{#if: {{{style|}}} | {{#vardefine:style|{{#var:style}} {{{style|}}}}}}}
{{#if: {{#var:style|}} | style="{{#var:style}}" }}
>{{#switch: {{lc:{{{2|}}} }}
| fa=<i class="{{{icon-class|}}} pdr3"></i>
| glyphicon=<i class="glyphicon {{{icon-class|}}}"></i>
| spicon=<i class="spicon {{{icon-class|}}}"></i>
| werkzeug
| w=<i class="glyphicons glyphicons-wrench glyphicons-size-{{{fs|12}}}" xstyle="vertical-align: -2px;"></i> <!-- <i class="fas fa-wrench"></i> -->
| download
| d={{#switch: {{{Anw|{{Anw}} }}}
| AWN=<i class="glyphicon glyphicon-download"></i>
| #default=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-download-alt"></i>
}}
| pl
| play=<i class="fas fa-play pdr3"></i>
| printer
| print
| p=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-print"></i><!-- [[Datei:Printer.png|x13px| Link=]] -->
| save=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-floppy-disk"></i>
| renew
| r=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-restart"></i><!-- [[Datei:Renew.png | x13px| Link=]] -->
| restart
| renew2=<i class="fas fa-arrow-rotate-left"></i>
| stift
| s=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-pencil"></i>
| stop=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-stop"></i>
| check
| c=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-ok"></i>
| otp
| o=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-history"></i><!-- [[Datei:OTP.png | x10px| Link=]]  -->
| trash=<i class="halflings-size-{{{fs|14}}} ui-button halflings halflings-trash"></i><!-- [[Datei:Glyphicon-trash.png | x10px| Link=]] -->
| folder+
| addfolder=<i class="glyphicons glyphicons-folder-plus glyphicons-size-{{{fs|12}}}"></i>
| +={{#switch: {{{Anw|{{Anw}} }}}
| SUB=<i class="fas fa-plus-circle smaller"></i>&ensp;
| Mailsecurity
| MaS=<i class="fas fa-plus></i>&ensp;
| #default=<i class="glyphicons glyphicons-plus glyphicons-size-{{{fs|10}}}"></i>
}}
| -=<i class="glyphicons glyphicons-minus glyphicons-size-{{{fs|10}}}"></i>
| window
| mw=<i class="glyphicons glyphicons-more-windows glyphicons-size-{{{fs|14}}}"></i>
| refresh=<i class="ui-button-icon-primary glyphicons glyphicons-size-{{{fs|14}}} glyphicons-refresh"></i>
| ban=<i class="glyphicons glyphicons-ban-circle glyphicons-size-{{{fs|14}}} middle"></i>
| undo={{#switch:{{{Anw|{{Anw}} }}}|AWN=<i class="pdl5 fas fa-rotate-right"></i>&thinsp;|#default=<i class="glyphicons glyphicons-undo glyphicons-size-{{{fs|14}}} middle"></i>}}
| icon=<i class={{{icon|}}}></i>
| suche
| search=<i class="glyphicon glyphicon-search"></i>
| copy
| copy-to-clippoard=<i class="glyphicons glyphicons-size-{{{fs|12}}} glyphicons-copy-to-clipboard"></i>
| g
| glyph
| glyphicons=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-{{{glyph-class|}}}"></i>
| dro-glyph
| glyph dro=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-{{{glyph-class|}}}"> </i> <i class="pd2 right fas fa-caret-down"></i>
| dro={{#if:{{{glyph-class|}}}|<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-{{{glyph-class|}}}"> </i>}}
| upload
| u={{#switch:{{{Anw|{{Anw}} }}}|AWN=<i class="pdl5 glyphicon glyphicon-import"></i>&thinsp;|#default=<i class="glyphicons glyphicons-download-alt-customized-upload glyphicons-size-{{{fs|10}}}"></i>}}
}}{{{1}}}{{#switch:  {{lc:{{{2|}}} }}
| dropdown
| dr={{#switch:{{{Anw|{{Anw}} }}}|AWN=<i class="pdl5 fas fa-caret-down"></i>|#default=<i class="right pd4 fal fa-angle-down"></i>}}
| dro=<i class="pd2 right fas fa-caret-down"></i>
| b
| blau=</span><span>
}}{{#if: {{{1|}}}{{{2|}}}||<i class="{{{icon|}}}"></i>}}</span><noinclude>{{Dokumentation}}
</noinclude>

Aktuelle Version vom 15. Juli 2025, 09:01 Uhr


























{{{1}}}


Syntax: {{Button | Button-Text | Option}}

2. Parameter Optional Darstellung
Button
| w oder | werkzeug Fließtext Button /
| d download Fließtext Button /
| pl oder | play Fließtext Button /
| p oder| printer oder | print Fließtext Button /
| r oder | renew Fließtext Button /
| s oder | stift Fließtext Button /
| c oder | check Fließtext Button /
| o oder | otp Fließtext Button /
| u oder | upload Fließtext Button /
| dr oder | dropdown Fließtext Button
| dro Fließtext Button | dro
| d Fließtext Button | d
| u Fließtext Button | u
| b oder | blau Fließtext Button
| trash Button / Fließtext
| + Fließtext Button / Fließtext
| - Fließtext Button / Fließtext
| mw Fließtext Button /
| refresh Fließtext Button /
| restart oder | refresh2 Fließtext Button /
| ban Fließtext Button /
| undo Fließtext Button /
| addfolder oder folder+ Fließtext Button /
| copy Fließtext Button /
| glyph |glyph-class=xy {{ Button ||glyph|glyph-class=folder-open}} /
| fa |icon-class=xy {{ Button |Button|fa|icon-class=fas fa-folder-open}} Button /
2. oder 3. Parameter Optional
| c=Farbe | d | c=rot
| w= width | dr | w=150px
| lh= line-height: 1.15 (Default)
nur in Verbindung mit w=		 | w=170px | lh=1.5
| bc=Farbe | bc=blau | c=white-l
| class=icon {{Button||w|class=icon}}
| icon= 1. Parameter muss leer sein. {{Button||icon=}} Auf Mailsecurity-Seiten (Anw=MaS):

icon=mail-security {{Button||icon=mail-security}}
icon=Einstellungen {{Button||icon=Einstellungen}}
icon=Hilfe {{Button||icon=Hilfe}}
icon=Welt {{Button||icon=Welt}}
icon=darkmode {{Button||icon=darkmode}}
icon=lightmode {{Button||icon=lightmode}}
icon=Logout {{Button||icon=Logout}}

| class=fas fa-link
| class=Edit Fließtext Button (Anw=MaS)
| dro|glyph-class=cogwheels {{Button||dro|glyph-class=cogwheels|fs=14}} →
| class=first | middle | last {{Button|A|class=first}}{{Button|B|blau|class=middle}}{{Button|C|class=last}}
ABC → ABC sorgt für Border-radius=0
| class=inaktiv {{Button|A|class=first inaktiv}}{{Button|B|blau|class=last}} AB
| fs= FontSize - mögliche Werte: 10, 12, 14, 22, 35, 50, 65px
Anw= Darstellung für festgelegte Produktumgebung  : {{Button|Speichern|save|Anw=AWN}} → Speichern
  1. default= Button |

UMA= Button | SUB= Button | SEWS= Button | ICS= Button | MAC= Button | AVM= Button | UTM126 = Button | MailSecurity= Button |

Darstellung mit <div class="new_design"></div>

2. Parameter Optional Darstellung
Button
| w oder | werkzeug Fließtext Button /
| d download Fließtext Button /
| pl oder | play Fließtext Button /
| p oder| printer oder | print Fließtext Button /
| r oder | renew Fließtext Button /
| s oder | stift Fließtext Button /
| c oder | check Fließtext Button /
| o oder | otp Fließtext Button /
| u oder | upload Fließtext Button /
| dr oder | dropdown Fließtext Button
| dro Fließtext Button | dro
| d Fließtext Button | d
| u Fließtext Button | u
| b oder | blau Fließtext Button
| trash Button / Fließtext
| + Fließtext Button / Fließtext
| - Fließtext Button / Fließtext
| mw Fließtext Button /
| refresh Fließtext Button /
| restart oder | refresh2 Fließtext Button /
| ban Fließtext Button /
| undo Fließtext Button /
| addfolder oder folder+ Fließtext Button /
| copy Fließtext Button /
| glyph |glyph-class=xy {{ Button ||glyph|glyph-class=folder-open}} /
| fa |icon-class=xy {{ Button |Button|fa|icon-class=fas fa-folder-open}} Button /
2. oder 3. Parameter Optional
| c=Farbe | d | c=rot
| w= width | dr | w=150px
| lh= line-height: 1.15 (Default)
nur in Verbindung mit w=		 | w=170px | lh=1.5
| bc=Farbe | bc=blau | c=white-l
| class=icon {{Button||w|class=icon}}
| class=fas fa-link xyz
| dro|glyph-class=cogwheels {{Button||dro|glyph-class=cogwheels|fs=14}} →
| class=first | middle | last {{Button|A|class=first}}{{Button|B|blau|class=middle}}{{Button|C|class=last}}
ABC → ABC sorgt für Border-radius=0
| class=aktiv {{Button|A|class=inaktiv}}{{Button|B|class=aktiv}} AB
| class=inaktiv {{Button|A|class=first inaktiv}}{{Button|B|blau|class=last}} AB
Abgerufen von „https://wiki.securepoint.de/index.php?title=Vorlage:Button&oldid=96906“