Vorheriges Thema: Formularattribute

Nächstes Thema: HTML- und JavaScript-Attribute für Elemente

So können Sie Elemente hinzufügen, verschieben und löschen

Bei einem neuen oder vorhandenen Formular können Sie Elemente wie Textfelder, Textbereiche mit Kontrollkästchen oder Optionsfeldern usw. hinzufügen und konfigurieren. Sie können Elemente hinzufügen und konfigurieren, wenn Sie Formulare erstellen und anpassen.

Gehen Sie zum Hinzufügen und Konfigurieren von Elementen in einem Formular wie folgt vor:

  1. Überprüfen Sie in der Komponentenstruktur (linker Fensterbereich im Formulardesigner), ob der Systemordner unter dem Komponentenordner eingeblendet ist und das Element, das Sie hinzufügen möchten, in der Strukturansicht unter dem System Ordner erscheint.

    Möchten Sie beispielsweise ein Textfeld hinzufügen, müssen Sie überprüfen, ob der Systemordner (unter dem Komponentenordner) eingeblendet und die Option "Textfeld" angezeigt wird. Wenn Sie ein Auswahlfeld und dessen Optionen hinzufügen möchten, müssen Sie überprüfen, ob der Ordner "Optionsfeldgruppe" (unter dem Systemordner) eingeblendet und die Option "Optionsfeld" angezeigt wird.

  2. Überprüfen Sie, ob das Formular, dem Sie das Element hinzufügen möchten, bereits existiert. Falls erforderlich, müssen Sie ein Formular erstellen.
  3. Blenden Sie den Ordner "Formulare, Eigene Formulare" ein und blättern Sie zu dem Formular, dem Sie das Element hinzufügen möchten.
  4. Überprüfen Sie, ob das hinzuzufügende Element und das betreffende Formular gleichzeitig in der Strukturansicht angezeigt werden.
  5. Klicken Sie auf das Element, z. B. Textfeld, ziehen Sie es auf das gewünschte Formular und legen Sie es dort ab.

    Hat das gewünschte Formular den Namen "Modelloptionen", klicken Sie auf "Textfeld" und ziehen Sie es zu "Modelloptionen", alles in derselben Strukturansicht.

    Wenn Sie auf ein Element klicken und es ziehen, erscheinen neben dem Cursor ein Kreis mit einem Häkchen und die Meldung "1 Objekt ausgewählt".

    Befindet sich das gezogene Element über einem Formular oder einem vorhandenen Formularelement, auf dem es abgelegt werden kann, wird der Kreis mit dem Häkchen grün und der Cursor wird zu einer Hand. Umgekehrt wird der Kreis mit dem Häkchen rot, wenn das gezogene Element sich nicht über einem Formular oder einem Formularelement befindet, auf dem es abgelegt werden kann.

  6. Lassen Sie die Maustaste los, um das Element auf dem Formular oder dem Formularelement abzulegen. Wenn Sie es ablegen, muss der Kreis mit dem Häkchen grün sein. Anderenfalls wird das Element nicht hinzugefügt.

    Das Element wird ebenfalls nicht hinzugefügt, wenn die versuchte Aktion gegen eine Regel verstößt. Dies ist beispielsweise der Fall, wenn versucht wird, eine Auswahloption auf einer Optionsfeldgruppe oder eine Auswahlgruppe auf einer anderen Auswahlgruppe abzulegen.

  7. Legen Sie die erforderlichen HTML-Attribute für das neue Element fest und klicken Sie auf "Speichern".

    Die erforderlichen HTML-Attribute für jedes Element werden fett angezeigt.

    Hinweis: Andere Aktionen, die Sie vor dem Speichern des Elements ausführen, werden fehlschlagen. Wenn Sie beispielsweise vor dem Speichern des Elements versuchen ein neues Element zu ziehen und abzulegen, wird die Aktion fehlschlagen.

  8. Überprüfen Sie das Formular im Vorschaubereich (mittlerer Fensterbereich), um zu sehen, ob das Element wie vorgesehen dem Formular hinzugefügt wurde. Ist dies nicht der Fall, müssen Sie möglicherweise die Elemente neu anordnen oder das neue Element löschen und es erneut versuchen.
  9. Legen Sie die gewünschten optionalen HTML-Attribute (soweit zutreffend) für das neue Element fest und klicken Sie auf "Speichern".
  10. Gemäß Voreinstellung sind Komponenten in einer Spalte angeordnet. Führen Sie die nachstehenden Schritte durch, um das Formular so zu konfigurieren, dass zwei Spalten verwendet werden:
    1. Ziehen Sie "Spalten-Layout" aus dem Systemordner auf ein gewünschtes Formular.
    2. Wenn Sie dieses Layout ablegen, wird die Ansicht mit "Spalten-Layout" sowie den beiden untergeordneten Objekten "Spalte 1" und "Spalte 2" automatisch aktualisiert.
    3. Klicken Sie auf das Symbol neben "Spalten-Layout", um die beiden Spalten mit der Bezeichnung "Spalte 1" und "Spalte 2" anzuzeigen.
    4. Ziehen Sie weitere Elemente, wie etwa Textfelder, Optionsfeldgruppen und Auswahlfelder, auf "Spalte 1" und "Spalte 2", um das gewünschte Layout herzustellen.

    Hinweis: Wenn Sie "Spalten-Layout" oder eine Spalte markieren, können die entsprechenden Bereiche des Formulars im Vorschaubereich grau und deaktiviert angezeigt und die Elemente in der Spalte mit einem roten Rand markiert sein.

  11. Legen Sie die gewünschten JavaScript-Attribute (soweit zutreffend) für das neue Element fest und klicken Sie auf "Speichern".
  12. So legen Sie einen aussagekräftigen Namen für das neue Element fest:
    1. Wählen Sie das neue Element in der Komponentenstruktur aus und klicken Sie oben in der Komponentenstruktur auf die Schaltfläche "Umbenennen".

      Hinweis: Stellen Sie sicher, dass Sie das neue Element (wie etwa "Textbereich" oder "Optionsfeldgruppe") in Ihrem Formular und nicht das gleichnamige Element im Systemordner in der Komponentenstruktur auswählen.

      Das Dialogfeld "Name" wird angezeigt.

    2. Geben Sie den neuen Namen ein, und klicken Sie auf "OK".

    Sie können beispielsweise in einem Formular mit dem Namen "Bestellformular externes Speicherlaufwerk" eine Optionsfeldgruppe ziehen und ablegen und deren vorgegebenen Namen "Optionsfeldgruppe" in "Kapazität in GB" ändern. Anschließend können Sie drei Optionsfelder auf diese Optionsfeldgruppe ziehen und deren vorgegebenen Namen "Optionsfeldgruppe" in "Klein (50)", "Mittel (100)" bzw. "Groß (150)" ändern.

    Hinweis: Wenn Sie ein neues Element erstellen, wird hinter dem Elementnamen automatisch ein Doppelpunkt (:) eingefügt. Der Doppelpunkt wird im Dialogfeld "Name" nicht angezeigt, wenn Sie das Element umbenennen. Allerdings wird es im Vorschaubereich angezeigt, nachdem Sie auf "OK" klicken, um das Dialogfeld zu schließen. Achten Sie darauf, dass Sie im Dialogfeld "Name" keinen zusätzlichen Doppelpunkt einfügen, da sich andernfalls im Vorschaubereich zwei Doppelpunkte hinter dem Namen des Elementes befinden.

  13. Überprüfen Sie, ob das neue Element wie vorgesehen angezeigt wird und funktioniert. Nehmen Sie nötigenfalls eine Verfeinerung der Attribute vor, um die Darstellung und die Funktion Ihren Wünschen anzupassen.
  14. Wiederholen Sie die vorherigen Schritte für jedes Element, das Sie hinzufügen möchten.
  15. Sie können auch ein oder mehrere Elemente im Formular verschieben, indem Sie sie an eine andere Stelle des Formulars ziehen, beispielsweise hinter ein Element, vor dem sie sich bisher befanden.
  16. Außerdem können Sie nicht mehr benötigte Elemente aus dem Formular löschen, indem Sie sie auswählen und auf "Entfernen" klicken.