Wiki-Quellcode von Formulareigenschaften
Zeige letzte Bearbeiter
author | version | line-number | content |
---|---|---|---|
1 | Über die Formulareigenschaften werden grundlegende Einstellungen wie etwa das Grundlayout (CSS), die Formularbreite und die Fehlerdarstellung festgelegt. | ||
2 | |||
3 | |=Name|=Beschreibung | ||
4 | |Titel|Titel des Formulars. Dieser wird beim Öffnen des Formulars in der Titelleiste des Browsers angezeigt. | ||
5 | |Layout|((( | ||
6 | Legt das Layout des Formulars fest. Die Auswahl //Standard //steht immer zur Verfügung. Wurden über die [[Dateien und Templates>>doc:Formcycle.UserInterface.FilesAndTemplates.WebHome]] [[CSS Templates >>doc:Formcycle.UserInterface.FilesAndTemplates.Design]]definiert, so werden diese ebenfalls in der Auswahlliste angezeigt. Nach Auswahl eines neuen Layouts wird dieses sofort auf das aktuelle Formular angewendet. | ||
7 | ))) | ||
8 | |Modern Theme|Legt fest, welches Designlayout verwendet werden soll. | ||
9 | |Fehleranzeige|Legt fest, wie Fehler angezeigt werden sollen. Siehe [[Fehlerdarstellung>>doc:Formcycle.FormDesigner.ErrorHandling]]. | ||
10 | |Max. Breite|Maximale Breite des Formulars in Pixel. | ||
11 | |(% colspan="1" %)Min. Breite|(% colspan="1" %)((( | ||
12 | Minimale Breite des Formulars in Pixel. Diese legt fest, ab welcher Größe die Elemente nicht mehr der Browsergröße angepasst werden. Ist die Breite des Browser-Fensters kleiner als der angegebene Wert, behalten die Elemente ihre Größe und es werden im Browser stattdessen Bildlaufleisten (Scrollbars) angezeigt. Ist die Breite des Browser-Fensters größer als der eingestellte werden, passen sich die Elemente der Breite des Browsers proportional an. | ||
13 | ))) | ||
14 | |Responsive bei|Breite in Pixel, ab der sich die Seite //responsive// verhalten soll. Wird die eingestellte Breite in Pixel unterschritten, so wird in den //Reponsive-Modus// umgeschaltet. Hierbei wird das Formular für kleine Bildschirme (mobile Geräte) optimiert und etwa Formularelemente nicht mehr nebeneinander, sondern untereinander angezeigt. | ||
15 | |Backup vom|Formularversion, welche angezeigt und bearbeitet werden soll. | ||
16 | |Logo anzeigen|Legt fest, ob das Logo im Header unten am Formular angezeigt werden soll. | ||
17 | |(% colspan="1" %)Formular lokal speichern|(% colspan="1" %)((( | ||
18 | Speichert das Formular lokal auf dem Rechner ab. | ||
19 | ))) | ||
20 | |(% colspan="1" %)Formular lokal laden|(% colspan="1" %)((( | ||
21 | Liest ein lokal gespeichertes Formular in den {{designer case="acc"/}} zum Bearbeiten ein. Es werden nur Dateien unterstützt, die auch mit dem {{designer case="dat"/}} gespeichert wurden. Ein Import von HTML oder XML Dateien ist nicht möglich. | ||
22 | ))) | ||
23 | |||
24 | {{lightbox image="options.png" alt="Menü Formulareinstellungen"/}} | ||
25 | |||
26 | {{content/}} | ||
27 | |||
28 | Jedes Element, für das ein Validator (Datentyp, Pflichtfeld, ...) hinzugefügt werden kann, zeigt im Fehlerfall auch eine entsprechende Fehlermeldung. Die Art der Darstellung wird im {{designer case="dat"/}} unter Formulareigenschaften ausgewählt. | ||
29 | |||
30 | {{lightbox image="fehler_anzeige_0.png" width="300"/}} | ||
31 | |||
32 | |||
33 | == Fehlerdarstellung == | ||
34 | |||
35 | **als Symbol** | ||
36 | |||
37 | Die Darstellung des Fehlers erfolgt als Symbol rechts neben dem Element (Standardeinstellung). Wird mit der Maus über das Symbol gefahren, wird der Fehler als //Tooltip// angezeigt. | ||
38 | |||
39 | {{lightbox image="fehler_anzeige_1.png" width="300"/}} | ||
40 | |||
41 | **als Text** | ||
42 | |||
43 | Die Darstellung erfolgt als Text unterhalb des Elements. Ein Nachteil bei dieser Darstellung sind Elemente, deren Breite geringer ist als die anzuzeigende Fehlermeldung. | ||
44 | |||
45 | {{lightbox image="fehleranzeige_2.png" width="300"/}} | ||
46 | |||
47 | **als Sprechblase** | ||
48 | |||
49 | Die Darstellung erfolgt als Sprechblase unterhalb des Elements. | ||
50 | |||
51 | {{lightbox image="fehler_anzeige_3.png" width="300"/}} | ||
52 | |||
53 | |||
54 | == Fehlertexte anpassen == | ||
55 | |||
56 | Die Fehlertexte werden im globalen Systemtemplate "[[Web Designer i18n>>doc:Formcycle.UserInterface.FilesAndTemplates.I18nVariables]]" gehalten. |