Die Fortschrittsanzeige festlegen
Über dem Formular kann eine Fortschrittsanzeige in Form von Fortschritts-Reitern erscheinen.
Ist die Fortschrittsanzeige aktiviert, ruft ein Klick auf die Reiter der Fortschrittsanzeige die einzelnen Seiten direkt auf.
Für die Fortschritts-Reiter könne festgelegt werden:
- Eigene Beschriftung,
- Automatische Beschriftung,
- Größe automatisch passend zur Textbreite der Beschriftung,
- Hintergrundfarbe,
- Schriftfarbe.
Ohne Fortschrittsanzeige
Die Voreinstellung für das mehrseite Formular ist eine deaktivierte Fortschritts-Anzeige. Der Benutzer kann durch alle Seiten navigieren, hat aber nicht unbedingt einen Überblick über bereits editierte Seiten und die Anzahl noch nicht editierter Seiten. Bei wenigen Seiten ist das nicht unbedingt notwendig.
- Formular-Konfiguration » Reiter: Erweitert » Unter-Reiter: Layout
Gruppe: Fortschrittsanzeige » Parameter: Fortschritt anzeigen = “Nein”.
Mit Fortschrittsanzeige
Die Fortschrittsanzeige muss aktiviert werden, um sichtbar zu sein.
Hinweis: Bei einem Formular mit vielen Seiten ist es ratsam, die Fortschrittsanzeige zu aktivieren und dem Benutzer einen leichteren Überblick und einen Ausblick auf die Anzahl noch nicht editierter Seiten zu geben.
- Formular-Konfiguration » Reiter: Erweitert » Unter-Reiter: Layout
Gruppe: Fortschrittsanzeige » Parameter: Fortschritt anzeigen = “Ja”.
Nach Aktivierung der Fortschrittsanzeige erscheinen weitere Parameter:
- Formular-Konfiguration » Reiter: Erweitert » Unter-Reiter: Layout » Gruppe: Fortschrittsanzeige
- Parameter: Beschriftungsart
Festlegung des Textes der Reiter der Fortschrittsanzeige- Fester Text: Schritt x von y
- Fester Text platzsparend: Schritt-Nummer
- Label des ‘Neue Seite’ Feldes
- Parameter: Text für ersten Reiter
Bei der Wahl Label des ‘Neue Seite’ Feldes wirkt sich aus, dass die erste Seite nicht durch ein eigenes Neue-Seite-Feld erzeugt wird.
Dadurch entfällt die Möglichkeit der Festlegung des Reiter-Textes.
In diesem Fall wird der Text aus diesem Parameter als Reiter-Text verwendet, falls er gesetzt ist.
Der Standard-Text für den ersten Reiter lautet Erste Seite. - Parameter: Eigene Farben setzen
Steht dieser Parameter auf “Ja”, erscheinen weitere Parameter um individuelle Farben für Reiter-Hintergrund uns Schrift festzulegen.
- Parameter: Beschriftungsart
Fortschrittsanzeige
Navigation durch Klick auf Fortschrittsanzeige
Ist die Fortschrittsanzeige aktiviert, ruft ein Klick auf die Reiter der Fortschrittsanzeige die einzelnen Seiten direkt auf.
Ein direkter Aufruf der einzelnen Seiten ist nicht immer möglich und wird automatisch verhindert, wenn auf vorherigen Seiten etwa Pflichtfelder unausgefüllt oder fehlerhaft ausgefüllt existieren.
In diesem Fall etwa ist der direkte Aufruf der einzelnen Seiten nur bis zur ersten betroffenen Seite möglich.
Das Gleiche gilt auch für die einfache Navigation der Seiten über die Navigations-Buttons am unteren Ende jeder Seite.
Fortschrittsanzeige Feld-Label
Die Reiter der Fortschrittsanzeige können das Feld-Label des Neue-Seite-Feldes anzeigen.
Die Anzeige des Feld-Labels gibt die Möglichkeit, die Gruppe der Eingaben auf einer Seite, mit einer Art Überschrift zu versehen und selbsterklärend verständlich zu bezeichnen.
Hier wirkt sich aus, dass die erste Seite nicht durch ein eigenes Neue-Seite-Feld erzeugt wird.
Der Parameter: Text für ersten Reiter löst diese Situation durch Angabe eines freien Textes für den ersten Reiter.
Der Standard-Text für den ersten Reiter lautet Erste Seite.
- Formular-Konfiguration » Reiter: Erweitert » Unter-Reiter: Layout
Gruppe: Fortschrittsanzeige » Parameter: Beschriftungsart = “Label des ‘Neue Seite’ Feldes”.
Fortschrittsanzeige Schritt x von y
Bei dieser Einstellung werden die Reiter der Fortschrittsanzeige automatisch erzeugt.
Die Labels des Neue-Seite-Feldes spielen dann keine Rolle für die Anzeige mehr.
- Formular-Konfiguration » Reiter: Erweitert » Unter-Reiter: Layout
Gruppe: Fortschrittsanzeige » Parameter: Beschriftungsart = “Fester Text: Schritt x von y”.
Fortschrittsanzeige Schritt x
Bei dieser Einstellung werden die Reiter der Fortschrittsanzeige automatisch erzeugt.
Die Labels des Neue-Seite-Feldes spielen dann keine Rolle für die Anzeige mehr.
Diese Einstellung ist besonders platzsparend und insbesondere für kleine Bildschirme bei mobilen Geräten interessant.
- Formular-Konfiguration » Reiter: Erweitert » Unter-Reiter: Layout
Gruppe: Fortschrittsanzeige » Parameter: Beschriftungsart = “Fester Text: Schritt x von y”.
Großer Bildschirm
Kleiner Bildschirm
Eigene Farben setzen
Barrierefreiheit
Kontrastverhältnisse sind wichtige Bestandteile der Barrierefreiheit von Formularen.
Die in Visforms voreingestellten Farben unterstützen die Barrierefreiheit und erfüllen internationale Standards.
Auch die individuell gewählten Farben müssen einen ausreichenden Kontrast zwischen Vordergrund-Farbe und Hintergrund-Farbe sicherstellen.
Mehr darüber in den Abschnitten
Visforms und Barrierefreiheit
und
Barrierefreie Formulare erstellen.
Default-Farben
Visforms hat für Hintergrund-Farbe und Schrift-Farbe der verschiedenen Reiter-Typen Voreinstellungen, die einen ausreichenden Kontrast zwischen Vordergrund-Farbe und Hintergrund-Farbe sicherstellen.
Individuelle Farben
Hinweis: Individuell gewählte Farben müssen einen ausreichenden Kontrast zwischen Vordergrund-Farbe und Hintergrund-Farbe sicherstellen.
Visforms hat die Möglichkeit Hintergrund-Farbe und Schrift-Farbe der verschiedenen Reiter-Typen individuell einzustellen.
Dabei werden 3 verschiedene Reiter-Typen unterschieden:
- Reiter für alle editierten Seiten, die bereits vom Benutzer gemachte Eingaben enthalten.
- Reiter für die aktive Seite, die der Benutzer vor sich sieht.
- Reiter für alle leeren Seiten, die noch nicht editiert wurden.
Die Farbauswahl kann auf die beiden folgenden Weisen erfolgen:
- Direkte Eingabe des RGB-Farbwertes in der Schreibweise Hexadezimal: etwa #006611.
- Durch Maus-Klick in den geöffneten Farben-Auswahl-Dialog.
Der Farben-Auswahl-Dialog öffnet sich automatisch, wenn das Feld durch Tastatur oder Maus-Klick den Eingabe-Fokus erhält.
Der ganz rechte optionale Reiter Prüfen enthält die Zusammenfassungsseite. Mehr darüber in dem Abschnitt Zusammenfassungsseite .
