Vorlage:Button: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

Version vom 22. Januar 2021, 14:06 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

default= 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

Diese Dokumentation befindet sich auf einer eingebundenen Unterseite [ Bearbeiten].
Syntax-Beispiel befindet sich auf der Syntaxseite [Bearbeiten].
Anwendungsbeispiele und Funktionalitätsprüfungen befinden sich auf der Testseite [Bearbeiten].
Liste der Unterseiten.

@@ Zeile 46: / Zeile 46: @@
 	| copy
 	| copy-to-clippoard=<i class="glyphicons glyphicons-size-{{{fs|12}}} glyphicons-copy-to-clipboard"></i>
+	| g
+	| glyph
+	| glyphicon=<i class="glyphicons glyphicons-size-{{{fs|10}}} glyphicons-{{{glyph-class|}}}"></i>
 	| upload
 	| u=<i class="glyphicons glyphicons-download-alt-customized-upload glyphicons-size-{{{fs|10}}}"></i> <!-- [[Datei:Upload.png | x12px | Link=]] -->
@@ Zeile 51: / Zeile 54: @@
 	| 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>
-	| dro= <!--{{#if: {{{w|}}}|<span style="float: right;">▾</span> | <span style="font-size: 85%; padding-left: 3px; color: #444;">▾</span>}}--><i class="pd5 right fas fa-caret-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>
 	| b
 	| blau=</span><span>
 }}</span><noinclude>{{Dokumentation}}
 </noinclude>

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

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