Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Zum Einfügen eines Formularfeldes klicken Sie entweder mit einem Einfachklick auf das Formularfeld oder Ziehen es mittels Drag & Drop in den unteren Bereich (weiße Fläche)

Image Added

Nach der Auswahl öffnet sich das Bearbeitungsfenster des jeweiligen Feldtypen. Die einzutragenden Werte können hierbei abweichen. Nehmen wir als Beispiel das "Einzeilige Eingabefeld". Das Pop-up ist gegliedert in drei Bereiche, den Bereich "Allgemein" für die Eingabe der allgemeinen Angaben des Formularfeldes, der Bereich "Datenbank" für den Eintrag des jeweiligen Spaltennamens und der Bereich "Formatierung" zur Hinterlegung einer css-Klasse für das jeweilige Feld.

Allgemein

Image Added

Folgende Eingaben haben wir im Allgemeinen Bereich

...

Innerhalb des Bereiches Datenbank haben wir für diesen Feldtyp nur eine Eingabe, nämlich der Spaltenname in der Tabelle auf der Datenbank, bitte auch an dieser Stelle keine Umlaute und Sonderzeichen verwenden.

Image Added

Options (z.B. bei Radiobuttons, Auswahllisten, etc.)

Bei einigen Formularfeldtypen haben wir Options, um beispielsweise eine ext. Datenquelle einzubinden oder aber fixe Options hinzuzufügen.

Image Added

Option hinzufügen: Um eine Option hinzuzufügen ist der KLick auf "+ Option hinzufügen" notwendig. Mit KLick auf diesen Button werden jeweils zwei neue Felder hinzugefügt. Zum Einen eine Beschriftung für das Label im Frontend und der Wert, welcher in der Datenbank abgelegt wird. Die Feldpaare werden durchnummeriert von 1 - n. Je nachdem wie viele Optionen hinzugefügt werden.

Image Added

External_Options: Auswahl einer fest hinterlegten Datenquelle für den Mandanten. In unserem Falle sind es die Produktgruppen.

...

Im Bereich "Formatierung" können eine oder mehrere CSS-Klassen ausgewählt werden. Welche CSS-Klassen hier angeboten werden kann mit der System- oder Mandanteneinstellung pifa/field-css-classes definiert werden. Diese enthält die Namen der CSS-Klassen in komma-separierter Form (CSV).

Image Added

Zum Speichern Ihrer Eingaben klicken Sie auf "Save" oder zum Abbrechen auf "Cancel"