Zusammenfassung

• Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)

Details

Seiteneigenschaften

Inhalt

...	...	@@ -2,8 +2,12 @@
2	2
3	3	{{content/}}
4	4
5		-{{figure image="2_WidgetXrating_Formular_de.png" clear="h3"}}Das Symbol für Elemente vom Typ //Navigationsleiste//.{{/figure}}
	5	+{{panel float="right"}}
	6	+(% class="block text-align-center%){{icon name="star" size="4x"/}}
6	6
	8	+(% class="block%)Das Symbol für Elemente vom Typ //Bewertung//.
	9	+{{/panel}}
	10	+
7	7	== Funktionsbeschreibung ==
8	8	{{figure image="2_WidgetXrating_Formular_de.png" clear="h3"}}Beispiel für eine eingefügte Navigationsleiste in einem Formular.{{/figure}}
9	9
...	...	@@ -19,20 +19,10 @@
19	19
20	20	{{internBaseOptionsElement page="base" headline="h3"/}}
21	21
22		-=== Darstellung ===
	26	+{{internBaseOptionsElement page="cond" headline="h3"/}}
23	23
24		-In diesem Bereich kann für Navigationsleisten-Elemente nur die Positionierung der unter //Optionen// eingetragenen Bescjhreibungstexte der Seiten relativ zu dem sich darüber befindlichen bestimmt werden.
25		-Auswahlelemente verfügen über einen zusätzlichen Bereich //Optionen//. Hier können die Auswahlmöglichkeiten festgelegt werden.
	28	+{{internBaseOptionsElement page="help" headline="h3"/}}
26	26
27		-{{table dataTypeAlpha="0" colWidth="-500"}}
28		-|=Name|=Beschreibung
29		-|Datenquelle|Die Auswahl //Datenquelle// verbindet das Formularelement mit einer Datenquelle. Standardmäßig ist hier //Benutzerdefiniert// als Option ausgewählt, wodurch in einer Liste die zu verwendenden Auswahltexte und Werte eingegeben werden müssen.
30		-
31		-
32		-{{internBaseOptionsElement page="label" headline="h3"/}}
33		-
34		-Innerhalb des Labels kann mithilfe der Plathalter {{code language="none"}}\{1\}{{/code}}
35		-
36	36	{{internBaseOptionsElement page="css" headline="h3"/}}
37	37
38	38	{{internBaseOptionsElement page="attr" headline="h3"/}}
...	...	@@ -41,26 +41,29 @@
41	41
42	42	{{internBaseOptionsElement page="misc" headline="h3"/}}
43	43
44		-{{velocity}}
	38	+== Druckbild im Word-/PDF-Export ==
	39	+{{figure image="4_WidgetXrating_Export_de.png" clear="h3"}}Darstellung eines Bewertungselements im Word-/PDF-Export.{{/figure}}
45	45
46		-##Darstellung Ausrichtung
47		-##Label Ausrichtung: Position des Labeltexts; Platzhaler sind 1 und 2
48		-##Optionen Bennenung und Name der Seiten, welche in der Navigationsleiste dargestellt werden sollen. Die Reihenfolge der Optionen enspricht der Reihenfolge der Seiten im Navigationsleisten-Element.
49		-{{/velocity}}
	41	+Wenn das Formular per Word-/PDF-Export exportiert wird, wird in den erzeugten Dokumenten anstelle des konfigurierten Aussehens eine Auswahl mit den unter //Optionen// konfigurierten Auswahloptionen erstellt.
50	50
51		-== Word-/PDF-Export ==
	43	+== Mögliche CSS-Anpassungen ==
52	52
53		-Standardmäßig ist das Element so konfiguriert, dass es nicht im Word-/PDF-Export auftaucht. Es ist auch nicht sinnvoll, an dieser Einstellung etwas zu ändern, da nur der Labeltext exportiert werden kann und beim Word-/PDF-Export keine Ersetzung der Platzhalter stattfindet.
	45	+Um Icons oder Farben individuell zu setzen, können per CSS Anpassungen vorgenommen werden.
54	54
55		-== Mögliche CSS-Anpassungen ==
	47	+Zum Beispiel das verwendete Logo für das Dritte Icon des Formularelements mit dem technischen Namen //rate1// setzen:
56	56
57		-Um das Aussehen des Elementes zu individualisieren, können per CSS Anpassungen vorgenommen werden.
	49	+{{code language="css"}}
	50	+[xn=rate1] .idx3 I::before{
	51	+ content: "\e906";
	52	+}
	53	+{{/code}}
58	58
59		-Zum Beispiel kann die Farbe des Fortschrittbalkens folgendermaßen angepasst werden:
	55	+Die Farbe für das 6. Icon des Formularelements mit dem technischen Namen //rate2// setzen, wenn es aktiv ist oder sich der Mauszeiger über diesem Logo befindet:
60	60
61	61	{{code language="css"}}
62		-.XNavigationBar .active .xnav-view, .XNavigationBar .active-before .xnav-view {
63		- background-color: red;
	58	+[xn=rate2] .idx6.hover I,
	59	+[xn=rate2] .idx6.active I{
	60	+ color: #55C937;
64	64	}
65	65	{{/code}}
66	66