Wechseln zu:Navigation, Suche
Wiki

Vorlage:Button: Unterschied zwischen den Versionen

Aus Securepoint Wiki
← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Zeile 16: Zeile 16:
>{{#switch: {{lc:{{{2|}}} }}
>{{#switch: {{lc:{{{2|}}} }}
| fa=<i class="{{{icon-class|}}} pdr3"></i>
| fa=<i class="{{{icon-class|}}} pdr3"></i>
| glyphicon=<i class="glyphicon {{{icon-class|}}}"></i>
| spicon=<i class="spicon {{{icon-class|}}}"></i>
| werkzeug
| werkzeug
| w=<i class="glyphicons glyphicons-wrench glyphicons-size-{{{fs|12}}}" xstyle="vertical-align: -2px;"></i> <!-- <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-{{{fs|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=<i class="fas fa-play pdr3"></i>
| play=<i class="fas fa-play pdr3"></i>
Zeile 25: Zeile 30:
| print
| print
| p=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-print"></i><!-- [[Datei:Printer.png|x13px| Link=]] -->
| 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=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-restart"></i><!-- [[Datei:Renew.png | x13px| Link=]] -->
| r=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-restart"></i><!-- [[Datei:Renew.png | x13px| Link=]] -->
Zeile 50: Zeile 56:
| refresh=<i class="ui-button-icon-primary glyphicons glyphicons-size-{{{fs|14}}} 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>
| ban=<i class="glyphicons glyphicons-ban-circle glyphicons-size-{{{fs|14}}} middle"></i>
| undo=<i class="glyphicons glyphicons-undo 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>
| icon=<i class={{{icon|}}}></i>
| suche
| search=<i class="glyphicon glyphicon-search"></i>
| copy
| copy
| copy-to-clippoard=<i class="glyphicons glyphicons-size-{{{fs|12}}} glyphicons-copy-to-clipboard"></i>
| copy-to-clippoard=<i class="glyphicons glyphicons-size-{{{fs|12}}} glyphicons-copy-to-clipboard"></i>
| g
| g
| glyph
| glyph
| glyphicon=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-{{{glyph-class|}}}"></i>
| glyphicons=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-{{{glyph-class|}}}"></i>
| dro-glyph
| dro-glyph
| glyph dro=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-{{{glyph-class|}}}"> </i> <i class="pd2 right fas fa-caret-down"></i>
| 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>}}
| dro={{#if:{{{glyph-class|}}}|<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-{{{glyph-class|}}}"> </i>}}
| upload
| upload
| u=<i class="glyphicons glyphicons-download-alt-customized-upload glyphicons-size-{{{fs|10}}}"></i> <!-- [[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|}}} |<span style="float: right;">&emsp;<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-chevron-down" style="font-size: 30%; xvertical-align: -1px;></i></span> |&ensp;<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-chevron-down" style="font-size: 30%; xtop: -1px;"></i>}}--> <i class="right pd4 fal fa-angle-down"></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|}}}|<span style="float: right;">▾</span> | <span style="font-size: 85%; padding-left: 3px; color: #444;">▾</span>}}--><i class="pd2 right fas fa-caret-down"></i>
| dro=<i class="pd2 right fas fa-caret-down"></i>
| b
| b
| blau=</span><span>
| blau=</span><span>
}}{{#if: {{{1|}}}{{{2|}}}||<i class="{{{icon|}}}"></i>}}</span><noinclude>{{Dokumentation}}
}}{{#if: {{{1|}}}{{{2|}}}||<i class="{{{icon|}}}"></i>}}</span><noinclude>{{Dokumentation}}
</noinclude>
</noinclude>

Version vom 5. Mai 2025, 07:17 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=95733“