Fortschrittsanzeige

Die Fortschrittsanzeige festlegen

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”.

Formular-Konfiguration ohne Fortschrittsanzeige Formular ohne Fortschrittsanzeige

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 stehen weitere Parameter zur Verfügung:

  • Formular-Konfiguration » Reiter: Erweitert » Unter-Reiter: Layout

    Gruppe: Fortschrittsanzeige » Parameter: Fortschritt platzsparend = “Ja” oder “Nein”.
    Gruppe: Fortschrittsanzeige » Parameter: Eigene Farben setzen = “Ja” oder “Nein”.

Formular-Konfiguration mit Fortschrittsanzeige Formular mit Fortschrittsanzeige

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.

Formular-Konfiguration der Fortschrittsanzeige mit Default-Farben

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.
Formular-Konfiguration der Fortschrittsanzeige mit individuellen Farben

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.
Farbauswahl der Fortschrittsanzeige

Der ganz rechte optionale Reiter Prüfen enthält die Zusammenfassungsseite. Mehr darüber in dem Abschnitt Zusammenfassungsseite .

Fortschritt platzsparend

Eine aktivierte Fortschritts-Anzeige kann bei kleinen Anzeige-Größen zu ungewollten Umbrüchen führen:

  • Formular-Konfiguration » Reiter: Erweitert » Unter-Reiter: Layout

    Gruppe: Fortschrittsanzeige » Parameter: Fortschritt anzeigen = “Ja”.
    Gruppe: Fortschrittsanzeige » Parameter: Fortschritt platzsparend = “Nein”.

Platzsparende Fortschrittsanzeige ist ausgestellt

Eine aktivierte Fortschritts-Anzeige kann auf eine Minimale-Darstellung der einzelnen Schritte minimiert werden:

  • Formular-Konfiguration » Reiter: Erweitert » Unter-Reiter: Layout

    Gruppe: Fortschrittsanzeige » Parameter: Fortschritt anzeigen = “Ja”.
    Gruppe: Fortschrittsanzeige » Parameter: Fortschritt platzsparend = “Ja”.

Platzsparende Fortschrittsanzeige ist eingestellt