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,19 +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 Fortschrittsbalkenelement bestimmt werden.
	28	+{{internBaseOptionsElement page="help" headline="h3"/}}
25	25
26		-{{internBaseOptionsElement page="label" headline="h3"/}}
27		-
28		-Innerhalb des Labels kann mithilfe der Plathalter {{code language="none"}}{1}{{/code}} und {{code language="none"}}{2}{{/code}} die Nummer der Aktuellen Seite in der Liste und die Anzahl der im Element konfigurierten Seiten eingefügt werden.
29		-
30		-=== Optionen ===
31		-
32		-Navigationsleisten-Elemente verfügen über einen zusätzlichen Bereich //Optionen//. Hier können die Auswahlmöglichkeiten festgelegt werden.
33		-
34		-
35	35	{{internBaseOptionsElement page="css" headline="h3"/}}
36	36
37	37	{{internBaseOptionsElement page="attr" headline="h3"/}}
...	...	@@ -40,26 +40,29 @@
40	40
41	41	{{internBaseOptionsElement page="misc" headline="h3"/}}
42	42
43		-{{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}}
44	44
45		-##Darstellung Ausrichtung
46		-##Label Ausrichtung: Position des Labeltexts; Platzhaler sind 1 und 2
47		-##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.
48		-{{/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.
49	49
50		-== Word-/PDF-Export ==
	43	+== Mögliche CSS-Anpassungen ==
51	51
52		-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.
53	53
54		-== Mögliche CSS-Anpassungen ==
	47	+Zum Beispiel das verwendete Logo für das Dritte Icon des Formularelements mit dem technischen Namen //rate1// setzen:
55	55
56		-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}}
57	57
58		-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:
59	59
60	60	{{code language="css"}}
61		-.XNavigationBar .active .xnav-view, .XNavigationBar .active-before .xnav-view {
62		- background-color: red;
	58	+[xn=rate2] .idx6.hover I,
	59	+[xn=rate2] .idx6.active I{
	60	+ color: #55C937;
63	63	}
64	64	{{/code}}
65	65