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

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -2,12 +2,8 @@
2 2  
3 3  {{content/}}
4 4  
5 -{{panel float="right"}}
6 -(% class="block text-align-center%){{icon name="star" size="4x"/}}
5 +{{figure image="2_WidgetXrating_Formular_de.png" clear="h3"}}Das Symbol für Elemente vom Typ //Navigationsleiste//.{{/figure}}
7 7  
8 -(% class="block%)Das Symbol für Elemente vom Typ //Bewertung//.
9 -{{/panel}}
10 -
11 11  == Funktionsbeschreibung ==
12 12  {{figure image="2_WidgetXrating_Formular_de.png" clear="h3"}}Beispiel für eine eingefügte Navigationsleiste in einem Formular.{{/figure}}
13 13  
... ... @@ -23,10 +23,20 @@
23 23  
24 24  {{internBaseOptionsElement page="base" headline="h3"/}}
25 25  
26 -{{internBaseOptionsElement page="cond" headline="h3"/}}
22 +=== Darstellung ===
27 27  
28 -{{internBaseOptionsElement page="help" headline="h3"/}}
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.
29 29  
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 +
30 30  {{internBaseOptionsElement page="css" headline="h3"/}}
31 31  
32 32  {{internBaseOptionsElement page="attr" headline="h3"/}}
... ... @@ -38,36 +38,26 @@
38 38  {{velocity}}
39 39  
40 40  ##Darstellung Ausrichtung
41 -##Label Ausrichtung: Position des Labeltexts
47 +##Label Ausrichtung: Position des Labeltexts; Platzhaler sind 1 und 2
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 -== Druckbild im Word-/PDF-Export ==
46 -{{figure image="4_WidgetXrating_Export_de.png" clear="h3"}}Darstellung eines Bewertungselements im Word-/PDF-Export.{{/figure}}
51 +== Word-/PDF-Export ==
47 47  
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.
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.
49 49  
50 50  == Mögliche CSS-Anpassungen ==
51 51  
52 -Um Icons oder Farben individuell zu setzen, können per CSS Anpassungen vorgenommen werden.
57 +Um das Aussehen des Elementes zu individualisieren, können per CSS Anpassungen vorgenommen werden.
53 53  
54 -Zum Beispiel das verwendete Logo für das Dritte Icon des Formularelements mit dem technischen Namen //rate1// setzen:
59 +Zum Beispiel kann die Farbe des Fortschrittbalkens folgendermen angepasst werden:
55 55  
56 56  {{code language="css"}}
57 -[xn=rate1] .idx3 I::before{
58 - content: "\e906";
62 +.XNavigationBar .active .xnav-view, .XNavigationBar .active-before .xnav-view {
63 + background-color: red;
59 59  }
60 60  {{/code}}
61 61  
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 -
71 71  {{velocity}}
72 72  ##{{content moveToTop="true"/}}
73 73  ##{{figure image="1_WidgetXrating_Designer_de.png" clear="h1"}}Das Symbol für Elemente vom Typ //Bewertung//.{{/figure}}
Copyright 2000-2024