Vorlage:Ic: Unterschied zwischen den Versionen

Version vom 30. Oktober 2020, 09:09 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 16: / Zeile 16: @@
 		UMA ic-eingabe
 		font-color__grau-l
+		{{{2|}}}
+		{{{3|}}}
+		"
+		{{#vardefine:style|
+		{{#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);}}} }} }}
+		{{#if: {{{pd|}}}  | padding: {{{pd|}}}; }}
+		{{#if: {{{lh|}}} | line-height: {{{lh|}}}; }}
+		{{#if: {{{fw|}}} | font-weight: {{{fw|}}}; }}
+		{{#if: {{{c |}}} | color: {{Farbe|{{{c|}}} }} }}
+		}}
+		{{ifeq: {{#var:style|}}|| style="{{#var:style}} clear: both;"}}
+	| SUB={{#if:{{{b|}}}|<span class="ic-beschriftung">{{{b}}}</span><br>}}<span {{#if: {{{va|}}} | style="vertical-align: {{{va|}}};"}}><span
+		class="
+		SUB ic-eingabe
+		font-color__grau-l
+		bc__white
 		{{{2|}}}
 		{{{3|}}}
@@ Zeile 62: / Zeile 79: @@
 			| dr
 			| dropdown={{#switch: {{{Anw|{{Anw}}}}}
+				| SUB
 				| UMA=<span class="dr-icon"></span>
 				| #default=<i style="margin-left: 2px;" class="fas fa-caret-down"></i> <!--
 				  	[[Datei:Pfeil_Dropdown.png|x5px|Link=]] --> }}
+			| dr-b=<span class="dr-b"><i style="margin-left: 2px;" class="fas fa-angle-down"></i></span>
 			| c
 			| counter={{#switch: {{{ Anw | {{Anw}} }}}
@@ Zeile 102: / Zeile 121: @@
 				color: {{ Farbe | {{{iconc|grey-l}}} }}
 				border-left: 1px solid  rgba(0, 0, 0, 0.125);
-				background-color: white;
+				background-color: {{Farbe | {{{iconbc|white}}} }}
 				padding: 1px;
 			">{{spc|{{{icon|}}}|o|-|{{#if:{{{icon-class}}}|class={{{icon-class}}}}}| {{#if:{{{icon|}}}|w=30px}}}}</span>