Vorlage:Button: Unterschied zwischen den Versionen

Version vom 6. November 2019, 18:52 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 /
\| 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}} /
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
\| 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}} A B C → A B C sorgt für Border-radius=0
\| class=inaktiv	{{Button\|A\|class=first inaktiv}}{{Button\|B\|blau\|class=last}} A B

default=
Button
|

UMA=

Button

| SUB=

Button

| SEWS=

Button

| ICS=

Button

| MAC=

Button

| AVM=

Button

| UTM126 =

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 /
\| 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}} /
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
\| 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}} A B C → A B C sorgt für Border-radius=0
\| class=inaktiv	{{Button\|A\|class=first inaktiv}}{{Button\|B\|blau\|class=last}} A B

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 1: / Zeile 1: @@
-<templatestyles src="Vorlage:Styles.css" /><span style="
+<templatestyles src="Vorlage:Styles.css" /><div style="
 	background-image: linear-gradient(#ededed, #c4c4c4);
 	color:{{ Farbe | {{{c|rgb(49, 49, 49)}}} }};
@@ Zeile 13: / Zeile 13: @@
 	border-radius:3px;
 	padding: 0px 4px;
-	padding-top: 3px;
+	padding-top: 0px;
+	margin-top: 1px;
+ 	display: inline-block;
 	{{#if:{{{w|}}} | display: inline-block; width: {{{w|}}}; line-height:{{{lh|1.15}}};}}
 	vertical-align: {{{va|}}};
 	background: {{Farbe|{{{bc|}}} }}
-	clear: both"
+ 	clear: both"
->{{#if:{{{w|}}} | <span style="float: left;">}}{{#switch: {{lc:{{{2|}}} }}
+>{{#if:{{{w|}}} | <div style="float: left;">}}{{#switch: {{lc:{{{2|}}} }}
 	| werkzeug
-	| w=<span class="glyphicons glyphicons-wrench glyphicons-size-12" style="vertical-align: -2px;"></span> <!-- <i class="fas fa-wrench"></i> -->
+	| w=<div class="glyphicons glyphicons-wrench glyphicons-size-12" style="vertical-align: -2px;"></div> <!-- <i class="fas fa-wrench"></i> -->
 	| download
 	| d=<i class="glyphicons glyphicons-size-10 glyphicons-download-alt"></i>
@@ Zeile 42: / Zeile 44: @@
 	| refresh=<i class="ui-button-icon-primary glyphicons glyphicons-size-10 glyphicons-refresh"></i>
 	| upload
-	| u=<span class="glyphicons glyphicons-download-alt-customized-upload glyphicons-size-10"></span> <!-- [[Datei:Upload.png | x12px | Link=]] -->
+	| u=<div class="glyphicons glyphicons-download-alt-customized-upload glyphicons-size-10"></div> <!-- [[Datei:Upload.png | x12px | Link=]] -->
 }}{{{1}}}{{#switch:  {{lc:{{{2|}}} }}
 	| dropdown
-	| dr={{#if: {{{w|}}} | </span><span style="float: right;">&ensp;<i class="glyphicons glyphicons-size-10 glyphicons-chevron-down" style="font-size: 30%; vertical-align: -1px;></i></span> |<i class="glyphicons glyphicons-size-10 glyphicons-chevron-down" style="font-size: 30%; top: -1px;"></i>}}
+	| 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>}}
-	| dro= {{#if: {{{w|}}} | </span><span style="float: right;"><small>▾</small></span> | <span style="font-size: 70%; ">▾</span>}}
+	| dro= {{#if: {{{w|}}}|</div><span style="float: right;"><small>▾</small></span> | <span style="font-size: 70%; ">▾</span>}}
 	| b
-	| blau=</span><span>
+	| blau=</div><div>
-}}</span><noinclude>{{Dokumentation}}
+}}</div><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 /
\| 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}} /
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
\| 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}} A B C → A B C sorgt für Border-radius=0
\| class=inaktiv	{{Button\|A\|class=first inaktiv}}{{Button\|B\|blau\|class=last}} A B

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 /
\| 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}} /
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
\| 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}} A B C → A B C sorgt für Border-radius=0
\| class=inaktiv	{{Button\|A\|class=first inaktiv}}{{Button\|B\|blau\|class=last}} A B