Wechseln zu:Navigation, Suche
Wiki

Vorlage:Button: Unterschied zwischen den Versionen

Aus Securepoint Wiki
← Zum vorherigen Versionsunterschied
KKeine Bearbeitungszusammenfassung
K 1 Version importiert
 
(45 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
<templatestyles src="Vorlage:Styles.css" /><div style="
<noinclude>{{Set_lang}}</div></noinclude>{{#vardefine:style|}}{{var|Anw|{{#switch:{{{Anw|}}}|MaS|Mailsecurity=Mailsecurity|{{{Anw|{{Anw}}}}}}}}}<span title="{{{title|}}}"
background-image: linear-gradient(#ededed, #c4c4c4);
class="button {{#switch: {{lc:{{{2|}}} }}
color:{{ Farbe | {{{c|rgb(49, 49, 49)}}} }};
{{#switch: {{lc:{{{2|}}} }}
| blau
| blau
| b=background-image: linear-gradient(rgb(185, 224, 245)0%, rgb(146, 189, 214) 100%);
| b= button-blau
| dro=background: white;
| dro={{#if:{{{glyph-class|}}}|button-default|button-dropdown-solid}}
color:{{ Farbe | {{{c|rgb(68, 68, 68)}}} }};
| dr= button-dropdown
| dr=background-image: linear-gradient(#fcfcfc, #edebea);
| #default= button-default
| #default=background-image: linear-gradient(#ededed, #c4c4c4);
}} {{#var:Anw}} {{{class|}}} {{#if: {{{1|}}}{{{2|}}}|{{{icon|}}} }} {{#if:{{{1}}}||{{#ifeq:{{{2|}}}|dro||icon}} }}"
}}
{{#if: {{{c|}}}  | {{#vardefine:style|{{#var:style}} color:{{ Farbe | {{{c}}} }} }} }}
border: 1px solid #B6B6B6;
{{#if: {{{w|}}} | {{#vardefine:style|{{#var:style}} width: {{{w|}}}; }} }}
border-radius:3px;
{{#if: {{{lh|}}} | {{#vardefine:style|{{#var:style}} line-height:{{{lh|}}}; }} }}
padding: 0px 4px;
{{#if: {{{va|}}} | {{#vardefine:style|{{#var:style}} vertical-align: {{{va|}}}; }} }}
padding-top: 0px;
{{#if: {{{bc|}}} | {{#vardefine:style|{{#var:style}} background: {{Farbe|{{{bc|}}}}}}}}}
margin-top: 1px;
{{#if: {{{style|}}} | {{#vardefine:style|{{#var:style}} {{{style|}}}}}}}
{{#switch: {{lc:{{{2|}}} }}
{{#if: {{#var:style|}} | style="{{#var:style}}" }}
| r
>{{#switch: {{lc:{{{2|}}} }}
| renew
| fa=<i class="{{{icon-class|}}} pdr3"></i>
| o
| glyphicon=<i class="glyphicon {{{icon-class|}}}"></i>
| otp
| spicon=<i class="spicon {{{icon-class|}}}"></i>
| trash
| printer
| print
| p=vertical-align: -2px;
| #default=display: inline-block;
}}
{{#if:{{{w|}}} | display: inline-block; width: {{{w|}}}; line-height:{{{lh|1.15}}};}}
vertical-align: {{{va|}}};
background: {{Farbe|{{{bc|}}} }}
clear: both"
>{{#if:{{{w|}}} | <div style="float: left;">}}{{#switch: {{lc:{{{2|}}} }}
| werkzeug
| werkzeug
| w=<div class="glyphicons glyphicons-wrench glyphicons-size-12" style="vertical-align: -2px;"></div> <!-- <i class="fas fa-wrench"></i> -->
| w=<i class="glyphicons glyphicons-wrench glyphicons-size-{{{fs|12}}}" xstyle="vertical-align: -2px;"></i> <!-- <i class="fas fa-wrench"></i> -->
| download
| download
| d=<i class="glyphicons glyphicons-size-10 glyphicons-download-alt"></i>
| d={{#switch: {{{Anw|{{Anw}} }}}
| AWN=<i class="glyphicon glyphicon-download"></i>
| #default=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-download-alt"></i>
}}
| pl
| pl
| play=<small><small><i class="glyphicons glyphicons-size-10 glyphicons-play"></i></small></small>
| play=<i class="fas fa-play pdr3"></i>
| printer
| printer
| print
| print
| p=<span style="display:inline-block;">[[Datei:Printer.png|x13px|ohne|Link=]]</span>
| 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
| renew
| r=[[Datei:Renew.png | x13px| Link=]]
| 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
| stift
| s=<i class="glyphicons glyphicons-size-10 glyphicons-pencil"></i>
| s=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-pencil"></i>
| stop=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-stop"></i>
| check
| check
| c=<i class="glyphicons glyphicons-size-10 glyphicons-ok"></i>  
| c=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-ok"></i>  
| otp
| otp
| o=[[Datei:OTP.png | x10px| Link=]]  
| o=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-history"></i><!-- [[Datei:OTP.png | x10px| Link=]] -->
| trash=[[Datei:Glyphicon-trash.png | x10px| Link=]]
| trash=<i class="halflings-size-{{{fs|14}}} ui-button halflings halflings-trash"></i><!-- [[Datei:Glyphicon-trash.png | x10px| Link=]] -->
| +=<i class="glyphicons glyphicons-plus glyphicons-size-10"></i>
| 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
| window
| mw=<i class="glyphicons glyphicons-more-windows glyphicons-size-10"></i>
| mw=<i class="glyphicons glyphicons-more-windows glyphicons-size-{{{fs|14}}}"></i>
| refresh=<i class="ui-button-icon-primary glyphicons glyphicons-size-10 glyphicons-refresh"></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
| upload
| u=<div class="glyphicons glyphicons-download-alt-customized-upload glyphicons-size-10"></div> <!-- [[Datei:Upload.png | x12px | Link=]] -->
| 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|}}} }}
}}{{{1}}}{{#switch:  {{lc:{{{2|}}} }}
| dropdown
| dropdown
| dr={{#if: {{{w|}}} | </div><span style="float: right;">&emsp;<i class="glyphicons glyphicons-size-10 glyphicons-chevron-down" style="font-size: 30%; vertical-align: -1px;></i></span> |&ensp;<i class="glyphicons glyphicons-size-10 glyphicons-chevron-down" style="font-size: 30%; top: -1px;"></i>}}
| dr={{#switch:{{{Anw|{{Anw}} }}}|AWN=<i class="pdl5 fas fa-caret-down"></i>|#default=<i class="right pd4 fal fa-angle-down"></i>}}
| dro= {{#if: {{{w|}}}|</div><span style="float: right;"><small>▾</small></span> | <span style="font-size: 70%; ">▾</span>}}
| dro=<i class="pd2 right fas fa-caret-down"></i>
| b
| b
| blau=</div><div>
| blau=</span><span>
}}</div><noinclude>{{Dokumentation}}
}}{{#if: {{{1|}}}{{{2|}}}||<i class="{{{icon|}}}"></i>}}</span><noinclude>{{Dokumentation}}
</noinclude>
</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“