Vorlage:Ic: Unterschied zwischen den Versionen

Version vom 24. September 2020, 17:01 Uhr

Syntax: {{ ic | Input-Cloud | Optionale Parameter }}

2. Parameter	Default	Darstellung
\| dr als 2. Parameter	w=161px dropdown	Input-Cloud
\| dr \| Anw=UMA als 2. Parameter	w=161px dropdown	Input-Cloud
\| c als 2. Parameter	w=161px counter	Input-Cloud
\| c als 2. Parameter Bei Aufruf von einer UTM-Seite aus	w=81px	Input-UTM
\| rechts	links	stellt ein Icon auf der Rechten Seite dar
\| tr als 2. Parameter Bei Aufruf von einer UTM-Seite aus	w=161px table-row	Input-Cloud
\| tr-odd als 2. Parameter Bei Aufruf von einer UTM-Seite aus	w=161px table-row	Input-Cloud
\| tr-even als 2. Parameter Bei Aufruf von einer UTM-Seite aus	w=161px table-row	Input-Cloud
\| tr-head als 2. Parameter Bei Aufruf von einer UTM-Seite aus	w=161px table-row	Input-Cloud
\| cb \| Anw=UMA als 2. oder 3. Parameter	zusätzlich als Inhalt: {{cb\|https}} clickbox	»https
2. oder weitere Parameter	Default	Darstellung
\| Anw=	ohne	Formatiert die Anzeige, wie mit Aufruf von Anw-Seite aus
\| Anw=UTM		Eingabfeld UTM
\| Anw=UMA		Eingabfeld UMA
\| Anw=MS		Eingabfeld UMA
\| w=	w=170px width:	Input-Cloud
\| fw=	fw=normal font-weight	light, lighter, normal, bold, bolder
\| icon=	Optional {{ spc \| Eingabefeld \| c \| icon=clock \| fw=bold }}	Eingabefeld
\| icon= \| Anw=MS	Optional {{ spc \| Eingabefeld \| c \| icon=clock \| fw=bold }}	Eingabefeld
\| iconw=	20px	Breite des Iconfeldes
\| iconc=	grey-l	Farbe des Icons
\| icon-class=	Übergibt den Parameter als class=xyz an {{spc\|}} fas=solid (entspr. bold), far=regular, fal=light Um ein beliebiges fontawesome-Icon zu verwenden muss als Paramater zusätzlich icon=fa verwendet werden.
\| lh=	Optional line-height	lh=40px verändert die Zeilenhöhe außerhalb* der Box*
\| pd=	pd=3px	ändert die Höhe der Box: Input-Cloud pd=10px
\| c= Color	grey-l
\| bdc= Border-Color	rgba(0, 0, 0, 0.125)
\| bc= background-color	rgba(0, 0, 0, 0.01)

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: @@
-{{#switch: {{{ Anw | {{{v | {{Anw}} }}} }}}
+{{#vardefine:style|}}{{#switch: {{{ Anw | {{{v | {{Anw}} }}} }}}
 	| AV
 	| MDM
@@ Zeile 19: / Zeile 19: @@
 		{{{3|}}}
 		"
-		style="
+		{{#vardefine:style|
-		border: 1px solid rgb(182, 182, 182);
-		padding: {{{pd| {{#ifeq:{{{2|}}}|cb|5px 20px 20px 5px| {{#ifeq:{{{3|}}}|cb|5px 20px 20px 5px| 3px}}}}}}};
 		{{#if: {{{bc|}}}  | background-color: {{Farbe|{{{bc|rgba(0,0,0,0.01);}}} }} }}
 		{{#if: {{{bdc|}}} | border: 1px solid {{Farbe|{{{bdc|rgba(0,0,0,0.125);}}} }} }}
@@ Zeile 28: / Zeile 26: @@
 		{{#if: {{{fw|}}} | font-weight: {{{fw|}}}; }}
 		{{#if: {{{c |}}} | color: {{Farbe|{{{c|}}} }} }}
-		clear: both;"
+		}}
+		{{ifeq: {{#var:style|}}|| style="{{#var:style}} clear: both;"}}
 	| MAC
 	| U
@@ Zeile 54: / Zeile 53: @@
 		{{#if: {{{iconbc|}}} | background-color: {{Farbe | {{{iconbc|}}} }} }}
 		"
-	>{{spc|{{{icon|}}}|o|-| class={{{icon-class|}}} }} </span>&nbsp; |}} }}<span style="
+	>{{spc|{{{icon|}}}|o|-| class={{{icon-class|}}} }} </span>&nbsp; |}} }}<span class="pd5" style="
 		{{#ifeq: {{{w|"x"}}} | "x"
 			|
-			| display: inline-block;
+			| display: inline;
-			width: calc( {{{ w | {{isutm | 90px | 170px | {{{Anw|}}} }} }}} - {{#if: {{{2|}}} |29px|0px}} );
+			width: calc( {{{ w | {{isutm | 90px | 170px | {{{Anw|}}} }} }}} - {{#if: {{{2|}}} |calc( 1em + 3px )|0px}} );
 		}}"
 	>{{#ifeq:{{{1| }}}| |&emsp;&emsp;&emsp;|{{{1}}} }}</span>{{#switch: {{lc: {{{2|}}} }}