Zum Inhalt springen

Maskito Blog

Formulare als Onepager optimieren mit Maskito

Mit Maskito können Sie Ihre Webformulare ganz einfach als Onepager gestalten. Auf diese Weise lenken Sie die Aufmerksamkeit des Users gezielt und ermöglichen eine effiziente Bearbeitung.

Onepager präsentieren ein Thema gut strukturiert auf einer einzigen Website, wie in unserem Beispielformular. Dadurch wird der User auf effektivem Weg durch das Formular geführt, z. B. per Sprungmarken. Informationen kommunizieren Sie so vollständig und auf das Wesentliche konzentriert.

Der erste Schritt zum Onepager-Layout besteht darin, den Titel des Webformulars zu fixieren, damit er beim Scrollen immer sichtbar, und der Kontext immer erhalten bleiben. Maskito bietet dafür den „Formularkopf“ als Alternative für den „Seitenmaster“ an.

Um Ihre Formulare mit einem Formularkopf umzusetzen, gehen Sie wie folgt vor

  • Öffnen Sie im Maskito-FormDesigner ein bestehendes oder neues Projekt.
  • Rufen Sie die Projekteigenschaften auf.
  • Setzen Sie dort im Register „Viewer Layout“ im Bereich „Formularkopf“ ein Häkchen bei der Option „Formularkopf anzeigen“.
  • Definieren Sie die Höhe und Hintergrundfarbe des Formularkopfs nach Belieben. Klicken Sie dann auf „OK“.Dialogfenster Der Formularkopf wird nun im Projektexplorer angezeigt.

    Projektexplorer für ein Formular mit Formularkopf

  • Rufen Sie den Formularkopf auf der Bühne auf und gestalten Sie ihn z. B. mit einem Titel, einem Logo etc.
  • Definieren Sie, dass der Formularkopf zentriert und mit derselben Breite wie das Formular ausgegeben wird. Klicken Sie dazu am unteren Rand der Bühne auf die Registerkarte „Style“.
  • Fügen Sie dort folgenden Code in den Textbereich ein.
Code für unser Beispiel:
.Navigation{
width: 768px;
left: 0px;
right: 0px;
margin: auto;
}

Für die Eigenschaft „width“ geben Sie die Breite Ihres Formulars in Pixeln an. Die Breite können Sie in den Formulareigenschaften im Register „Formular einrichten“ im Bereich „Formulargröße“ ablesen.

Legen Sie abschließend fest, dass der Formularkopf anstelle des Seitenmasters verwendet wird

  • Rufen Sie die Formulareigenschaften auf.
  • Entfernen Sie im Register „Formular einrichten“ im Bereich „Seitenmaster“ das Häkchen bei der Option „Seitenmaster verwenden“.
  • Rufen Sie die Seiteneigenschaften auf.
  • Entfernen Sie dort das Häkchen bei der Option „Seitenmaster einblenden“.
  • Speichern Sie das Formular auf dem FormServer, rufen Sie es auf und sehen Sie, dass das Formular als Onepager ausgegeben wird.

Maskito FormularWare bietet Ihnen eine Vielzahl zusätzlicher Gestaltungsmöglichkeiten, wie etwa das Ausblenden irrelevanter Informationen abhängig von den Eingaben des Users. Wir wünschen Ihnen viel Spaß bei der Gestaltung Ihrer Formulare und stehen Ihnen gern bei Fragen zur Verfügung.

Share on FacebookTweet about this on TwitterShare on Google+

Kommentieren

Ihre E-Mail-Adresse wird nicht veröffentlicht.