Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -38,26 +38,36 @@
38	38	{{velocity}}
39	39
40	40	##Darstellung Ausrichtung
41		-##Label Ausrichtung: Position des Labeltexts; Platzhaler sind 1 und 2
	41	+##Label Ausrichtung: Position des Labeltexts
42	42	##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.
43	43	{{/velocity}}
44	44
45		-== Word-/PDF-Export ==
	45	+== Druckbild im Word-/PDF-Export ==
	46	+{{figure image="4_WidgetXrating_Export_de.png" clear="h3"}}Darstellung eines Bewertungselements im Word-/PDF-Export.{{/figure}}
46	46
47		-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.
	48	+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.
48	48
49	49	== Mögliche CSS-Anpassungen ==
50	50
51		-Um das Aussehen des Elementes zu individualisieren, können per CSS Anpassungen vorgenommen werden.
	52	+Um Icons oder Farben individuell zu setzen, können per CSS Anpassungen vorgenommen werden.
52	52
53		-Zum Beispiel kann die Farbe des Fortschrittbalkens folgendermaßen angepasst werden:
	54	+Zum Beispiel das verwendete Logo für das Dritte Icon des Formularelements mit dem technischen Namen //rate1// setzen:
54	54
55	55	{{code language="css"}}
56		-.XNavigationBar .active .xnav-view, .XNavigationBar .active-before .xnav-view {
57		- background-color: red;
	57	+[xn=rate1] .idx3 I::before{
	58	+ content: "\e906";
58	58	}
59	59	{{/code}}
60	60
	62	+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:
	63	+
	64	+{{code language="css"}}
	65	+[xn=rate2] .idx6.hover I,
	66	+[xn=rate2] .idx6.active I{
	67	+ color: #55C937;
	68	+}
	69	+{{/code}}
	70	+
61	61	{{velocity}}
62	62	##{{content moveToTop="true"/}}
63	63	##{{figure image="1_WidgetXrating_Designer_de.png" clear="h1"}}Das Symbol für Elemente vom Typ //Bewertung//.{{/figure}}