Form-Generator
Bitte beachten Sie, dass der Formulargenerator ein optionales Feature ist, das separat lizenziert werden muss. Ihre Kontaktperson im imperia-Vertrieb stellt Ihnen gerne weitergehende Informationen zur Verfügung.
Der Formulareditor von imperia erlaubt die einfache Erstellung von HTML-Formularen durch Drag&Drop. Der Editor besteht aus einem Elementen-Container mit allen verfügbaren Formularelementen und dem Formular-Bereich, in dem solche Elemente per Drag&Drop eingefügt werden können.
Dieses Kapitel erläutert die Bedienung des Formulareditors. Bitte beachten Sie, dass die verfügbaren Formularelemente in Ihrer Installation abweichen könnten, weil sie vom Templateprogrammierer frei definiert werden können.
Der Element-Container#
Der Element-Container enthält alle Formularelemente, die Ihnen zur Verfügung stehen. Je nach Einbindung in das Template können bei Ihnen unterschiedliche Formularelemente verfügbar sein. Wählen Sie die Elemente aus, die Sie in Ihrem Dokument verwenden wollen, und verwenden Sie dann die Maus, um sie im Formularbereich per Drag-Drop zu verschieben.
Die obige Abbildung zeigt einen Controller mit den gebräuchlichsten Formularelementen. Jedes Eingabefeld bzw. jede Schaltfläche weist eine Überschrift mit dem jeweiligen Namen auf.
Der Element-Container ist nur in der Editieransicht sichtbar. In allen anderen Modi (Vorschau, Speichern, usw.) wird der Controller ausgeblendet, und nur noch der befüllte Formularbereich bleibt sichtbar.
Hinweis
Im Allgemeinen ist es nicht sinnvoll zwei Forms in einem Editmode zu haben.
Allerdings können Sie Forms simulieren indem Sie ein Postconvertplugin schreiben, welches diese einfügt.
Die Position des Element-Containers#
Die Position der EDIT-Modus-Steuerung hängt von den Templateeinstellungen ab.
Es gibt drei Optionen für die Position des Containers:
Feststehende Position#
Mit dieser Option ist der Container permanent sichtbar und befindet sich oberhalb des Formularbereichs.
Pop-Up#
Mit dieser Option ist der Container unsichtbar, bis Sie mit der Maus in den Formularbereich klicken.
Schieberegler#
Bitte beachten
Diese Option wird nicht von allen Browsern unterstützt.
Mit dieser Option wird der Container am rechten Rand der Seite platziert, und lediglich der linke Teil ist sichtbar. Um ihn in voller Größe sichtbar zu machen, klicken Sie einfach auf den sichtbaren Teil.
Der Formularbereich#
Der Formularbereich ist der Bereich der Seite, in dem Sie die verfügbaren Elemente platzieren können. Es kann sich dabei um einen beliebigen HTML-Container handeln, je nachdem wie es vom Templateprogrammierer festgelegt wurde. Setzen Sie Sich im Zweifel mit ihm oder ihr in Verbindung.
Mit dem Formulareditor arbeiten#
Der Formulareditor von imperia ist sehr einfach und intuitiv zu bedienen. Alle Aktionen wie Zufügen, Löschen oder Ändern der Reihenfolge von Eingabeelementen und Schaltflächen wird mittels Drag&Drop durchgeführt. Der folgende Abschnitt informiert darüber, wie Elemente zugefügt oder entfernt, und wie Attribute der Elemente modifiziert werden. Lesen Sie bitte auch Attribute, um ein besseres Verständnis für die verfügbaren Elemente und ihre Attribute zu bekommen.
Formularelement hinzufügen#
Um ein Formularelement zuzufügen, klicken Sie es im Element-Container an und ziehen Sie es (per Drag&Drop) in den Formularbereich.
Sie können eine beliebige Anzahl Formularelemente einfügen.
Entfernen eines Formularelements#
Um ein bereits eingefügtes Formularelement wieder zu entfernen, klicken Sie es im Formularbereich an und ziehen Sie es (per Drag&Drop) aus diesem heraus.
Reihenfolge der Formularelemente ändern#
Die Änderung der Reihenfolge bereits eingefügter Formularelemente erfolgt ebenfalls mittels Drag&Drop. Wählen Sie dazu das zu verschiebende Feld mit der Maus aus, und ziehen Sie es bei gedrückter Maustaste an die gewünschte Stelle. Lassen Sie den Mausknopf los und die Position wird geändert.
Attribute ändern#
Die im Formularbereich eingefügten Elemente können durch Selektion mit Mausklick konfiguriert werden. Daraufhin öffnet sich eine Dialogbox “Optionen”.
Die obige Abbildung stellt den Optionen-Dialog dar. Jeder Dialog besteht aus einem Kopfbereich mit dem Namen des jeweiligen Elements und dem Symbol , mit dem der Dialog ohne Speichern verlassen werden kann.
Unterhalb der Überschrift sehen Sie die verfügbaren Attribute, die Sie ändern können. Dazu geben Sie den Wert des Attributes in das Texteingabefeld neben dem Attributnamen ein. Das Attribut ID wird von imperia automatisch eingefügt, kann aber von Ihnen auch nachträglich geändert werden.
Nachdem Sie die gewünschten Änderungen vorgenommen haben, verlassen Sie den Dialog mit Speichern.
Pflichtfelder definieren#
Wenn Sie ein bestimmtes Eingabefeld zu einem Pflichtfeld machen wollen, klicken Sie die Checkbox Pflichtfeld unterhalb der Attribute.
Neues Auswahlfeld einfügen#
Um einem Radiobutton, einer Mehrfachauswahl oder einer Checkbox Auswahloptionen hinzuzufügen, klicken Sie das gewünschte Element mit der Maus an, um den Optionen-Dialog zu öffnen. Sie sehen neben dem Attribut “Elementbeschriftung” das Pluszeichen . Mit jedem Klick auf wird eine weitere Option unten angefügt. Geben Sie den Wert und die Elementbeschriftung an und verlassen Sie den Dialog mit Speichern.
Auswahlfeld entfernen#
Um eine Auswahloption zu einem Radiobutton, einer Mehrfachauswahl oder einer Checkbox zu entfernen, klicken Sie das gewünschte Element mit der Maus an, um den Optionen-Dialog zu öffnen. Sie sehen neben dem Pluszeichen ein X-Symbol. Mit einem Klick auf das X wird die betreffende Option gelöscht. Verlassen Sie den Dialog mit Speichern.
Verfügbare Elemente#
Die vorgegebene Auswahl an Formularelemente deckt das Repertoire der meistgenutzten HTML-Formularen ab. Verfügbar sind ein- und mehrzeilige Textfelder, Textfelder für E-Mail-Adressen, Radiobuttons, Buttons zum Abschicken des Formulars. Auf Ihrem System können je nach Aufruf im Template weitere oder weniger Felder verfügbar sein. Der folgende Abschnitt beschreibt die Standardauswahl.
Jedes Formularelement besitzt eine Beschriftung. Für weitergehende Informationen zur Konfiguration der Attribute, siehe Abschnitt Attribute.
Text
Ein einzeiliges Texteingabefeld. Die möglichen Attribute, die Sie ändern können, sind “label, placeholder, Hilfstext, Name, Wert und ID”. Weiterhin können Sie das Feld zu einem Pflichtfeld machen.
Textarea
Ein mehrzeiliges Texteingabefeld. Die möglichen Attribute, die Sie ändern können, sind “label, placeholder, Name, Wert und ID”. Weiterhin können Sie das Feld zu einem Pflichtfeld machen.
Ein einzeiliges Texteingabefeld für eine E-Mail-Adresse. Die möglichen Attribute, die Sie ändern können, sind “label, placeholder, Name, Wert und id”. Weiterhin können Sie das Feld zu einem Pflichtfeld machen.
Checkboxen
Checkboxen erlauben die Auswahl einer oder mehrerer Optionen aus einer Liste. Die verfügbaren Attribute, die Sie ändern können, sind “label, Name, Wert und Elementbeschriftung”. Weiterhin können Sie das Feld zu einem Pflichtfeld machen.
Radiobuttons
Radiobuttons erlauben die Auswahl einer oder mehrerer Optionen aus einer Liste. Die verfügbaren Attribute, die Sie ändern können, sind “label, Name, Wert und Elementbeschriftung”. Weiterhin können Sie das Feld zu einem Pflichtfeld machen.
Auswählen
Dieses Formularelement erlaubt die Auswahl einer oder mehrerer Optionen aus einer Liste. Die verfügbaren Attribute, die Sie ändern können, sind “label, Name, Wert und Zusatzlabel”. Weiterhin können Sie das Feld zu einem Pflichtfeld machen.
Abschickbuttons
Erzeugt eine Schaltfläche, mit der der Inhalt des Formulars an den Server geschickt wird. Die möglichen Attribute, die Sie ändern können, sind “Name, Wert und id.”
Attribute#
Beschriftung
Dieses Attribut fügt dem Formularelement eine Beschriftung zu.
Platzhalter
Der Platzhalter kann zur Anzeige eines Hinweises für den erwarteten Inhalt des Formularelements verwendet werden. Dieser Hinweis wird nur angezeigt, wenn das Feld leer ist, und verschwindet, sobald eine Eingabe erfolgt.
Bitte beachten
Diese Option wird nicht von allen Browsern unterstützt.
Hilfetext
Dieses Attribut ist nur für einzeilige Textfelder verfügbar. Es wird auf der rechten Seite des Eingabefeldes angezeigt und dient für Hinweistexte für den erwarteten Inhalt des Textfeldes.
Name
Bestimmt den Namen des Elements.
Wichtig
Dieses Attribut muss für Radiobuttons gesetzt sein. Falls der Name nicht gesetzt ist, kann der Benutzer mehr als einen Radiobutton auswählen.
Wert
Dieses Attribut gibt den Inhalt des Formularelements vor. Es erfüllt also eine ähnliche Funktion wie ein Platzhalter, aber der Text verschwindet nicht automatisch beim Eingeben eines neuen Wertes.
Das Attribut “Wert” für Abschickbuttons ändert die Beschriftung der Schaltfläche.
ID
Gibt eine eindeutige ID für das Element an. imperia erzeugt automatisch eine ID. Diese kann aber bei Bedarf geändert werden.
Elementbeschriftung
Die Elementbeschriftung kann für Radiobuttons und Checkboxen gesetzt werden. Sie bestimmt den Text, der neben der Checkbox oder dem Radiobutton angezeigt wird.
Pflichtfeld
Mit dieser Option kann ein Formularelement zum Pflichtfeld gemacht werden. Pflichtfelder sind mit einem Stern neben der Beschriftung gekennzeichnet. Der Abschickbutton hat keine solche Option.