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 1: Zeile 1:
<templatestyles src="Vorlage:Styles.css" /><span class="button" style="
<templatestyles src="Vorlage:Styles.css" /><span style="
background-image: linear-gradient(#ededed, #c4c4c4);
background-image: linear-gradient(#ededed, #c4c4c4);
color:{{ Farbe | {{{c|rgb(49, 49, 49)}}} }};
color:{{ Farbe | {{{c|rgb(49, 49, 49)}}} }};
Zeile 15: Zeile 15:
padding-top: 0px;
padding-top: 0px;
margin-top: 1px;
margin-top: 1px;
{{#switch: {{lc:{{{2|}}} }}
display: inline-block;
| r
{{#if:{{{w|}}} | display: inline-block; width: {{{w|}}}; line-height:{{{lh|1.15}}}; float:left;}}
| renew
vertical-align: {{{va|}}};
| o
| otp
| trash
| printer
| print
| p=display: inline-flex;
| dr=padding: 4px;
| #default=display: inline-block;
}}
{{#if:{{{w|}}} | display: inline-block; width: {{{w|}}}; line-height:{{{lh|1.15}}};}}
background: {{Farbe|{{{bc|}}} }}
background: {{Farbe|{{{bc|}}} }}
  clear: both"
  clear: both"
>{{#if:{{{w|}}} | <div style="float: left;">}}{{#switch: {{lc:{{{2|}}} }}
>{{#switch: {{lc:{{{2|}}} }}
| werkzeug
| werkzeug
| w=<i class="glyphicons glyphicons-wrench glyphicons-size-12" style="vertical-align: -2px;"></i> <!-- <i class="fas fa-wrench"></i> -->
| w=<span class="glyphicons glyphicons-wrench glyphicons-size-12" style="vertical-align: -2px;"></span> <!-- <i class="fas fa-wrench"></i> -->
| download
| download
| d=<i class="glyphicons glyphicons-size-10 glyphicons-download-alt"></i>
| d=<i class="glyphicons glyphicons-size-10 glyphicons-download-alt"></i>
Zeile 39: Zeile 29:
| printer
| printer
| print
| print
| p=<span class="button-1">[[Datei:Printer.png|x13px|ohne|Link=]]</span>
| p=[[Datei:Printer.png|x13px| Link=]]
| renew
| renew
| r=<span class="button-2">[[Datei:Renew.png|x13px|ohne|Link=]]</span>
| r=[[Datei:Renew.png | x13px| Link=]]
| stift
| stift
| s=<i class="glyphicons glyphicons-size-10 glyphicons-pencil"></i>
| s=<i class="glyphicons glyphicons-size-10 glyphicons-pencil"></i>
Zeile 47: Zeile 37:
| c=<i class="glyphicons glyphicons-size-10 glyphicons-ok"></i>  
| c=<i class="glyphicons glyphicons-size-10 glyphicons-ok"></i>  
| otp
| otp
| o=<span class="button-1">[[Datei:OTP.png |ohne|x10px| Link=]]</span>
| o=[[Datei:OTP.png | x10px| Link=]]  
| trash=[[Datei:Glyphicon-trash.png | x10px| Link=]]
| trash=[[Datei:Glyphicon-trash.png | x10px| Link=]]
| +=<i class="glyphicons glyphicons-plus glyphicons-size-10"></i>
| +=<i class="glyphicons glyphicons-plus glyphicons-size-10"></i>
Zeile 57: Zeile 47:
}}{{{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={{#if: {{{w|}}} |<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>}}
| dro= {{#if: {{{w|}}}|</div><span style="float: right;"><small>▾</small></span> | <span style="font-size: 70%; ">▾</span>}}
| dro= {{#if: {{{w|}}}|<span style="float: right;"><small>▾</small></span> | <span style="font-size: 70%; ">▾</span>}}
| b
| b
| blau=</div><div>
| blau=</div><div>
}}</span><noinclude>{{Dokumentation}}
}}</span><noinclude>{{Dokumentation}}
</noinclude>
</noinclude>

Version vom 13. November 2019, 09:22 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 Link= Button / Link=
| r oder | renew Fließtext Link= Button / Link=
| s oder | stift Fließtext Button /
| c oder | check Fließtext Button /
| o oder | otp Fließtext Link= Button / Link=
| 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 Link= Button / Fließtext Link=
| + 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}}
AB
C → AB
C 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 Link= Button / Link=
| r oder | renew Fließtext Link= Button / Link=
| s oder | stift Fließtext Button /
| c oder | check Fließtext Button /
| o oder | otp Fließtext Link= Button / Link=
| 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 Link= Button / Fließtext Link=
| + 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 Unstrip-Größengrenze überschritten (5.000.000)
| class=fas fa-link xyz
| dro|glyph-class=cogwheels Unstrip-Größengrenze überschritten (5.000.000) → ▾
| class=first | middle | last Unstrip-Größengrenze überschritten (5.000.000)
AB
C → AB
C sorgt für Border-radius=0
| class=aktiv Unstrip-Größengrenze überschritten (5.000.000) AB
| class=inaktiv Unstrip-Größengrenze überschritten (5.000.000) AB
Abgerufen von „https://wiki.securepoint.de/index.php?title=Vorlage:Button&oldid=64436“