Von Version < 1.7 >
bearbeitet von gru
am 02.11.2020, 14:49
Auf Version < 1.3 >
bearbeitet von gru
am 02.11.2020, 14:12
< >
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

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"/}}
... ... @@ -44,26 +44,36 @@
44 44  {{velocity}}
45 45  
46 46  ##Darstellung Ausrichtung
47 -##Label Ausrichtung: Position des Labeltexts; Platzhaler sind 1 und 2
41 +##Label Ausrichtung: Position des Labeltexts
48 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 49  {{/velocity}}
50 50  
51 -== 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}}
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.
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.
54 54  
55 55  == Mögliche CSS-Anpassungen ==
56 56  
57 -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.
58 58  
59 -Zum Beispiel kann die Farbe des Fortschrittbalkens folgendermen angepasst werden:
54 +Zum Beispiel das verwendete Logo für das Dritte Icon des Formularelements mit dem technischen Namen //rate1// setzen:
60 60  
61 61  {{code language="css"}}
62 -.XNavigationBar .active .xnav-view, .XNavigationBar .active-before .xnav-view {
63 - background-color: red;
57 +[xn=rate1] .idx3 I::before{
58 + content: "\e906";
64 64  }
65 65  {{/code}}
66 66  
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 +
67 67  {{velocity}}
68 68  ##{{content moveToTop="true"/}}
69 69  ##{{figure image="1_WidgetXrating_Designer_de.png" clear="h1"}}Das Symbol für Elemente vom Typ //Bewertung//.{{/figure}}
Copyright 2000-2024