Formdesigner: Unterschied zwischen den Versionen

Aus Wiki GeoCMS
Wechseln zu: Navigation, Suche
(Die Seite wurde neu angelegt: „== Ausgabe == Die Ausgabe des Formulardesigners ermöglicht das einfache Einbinden selbst erstellter Formulare. Zunächst muss über die GeoCMS Administrations…“)
 
(Formular anlegen)
 
(19 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 5: Zeile 5:
 
Klicken Sie anschließend auf "Speichern/Schließen".  
 
Klicken Sie anschließend auf "Speichern/Schließen".  
  
== Formulare erstellen ==
+
== Administrationsoberfläche ==
Zum Erstellen von Formularen wechseln Sie zunächst in den Administrationsbereich. Wählen Sie den Hauptmenüpunkt "Formular Designer" aus.
+
Zum Erstellen oder bearbeiten von Formularen wechseln Sie zunächst in den Administrationsbereich. Wählen Sie den Hauptmenüpunkt "Formular Designer" aus.
 +
 
 +
[[Datei:Mod formular designer.PNG|600px|thumb|center|Administrationsoberfläche]]
 +
 
 +
=== Formular anlegen ===
 +
Um ein neues Formular zu erstellen klicken Sie im Tabellenkopf rechts auf das Symbol "neues Formular anlegen" oder Wählen Sie im Hauptmenü "Formular" aus dem Punkt "neues Formular" die Akton "Anlegen" aus. Die Oberfläche ist nahezu identisch mit der zum Bearbeiten eines Formulars.
 +
 
 +
=== Formular bearbeiten ===
 +
Um ein bestehendes Formular zu bearbeiten klicken Sie in der Tabelle rechts auf das Symbol "Formular bearbeiten" oder Wählen Sie im Hauptmenü "Formular" aus dem Punkt "Formular bearbeiten" die Akton "Bearbeiten" aus.
 +
 
 +
Die Formular bearbeiten Oberfläche gliedert sich in drei Bereiche.
 +
# Links: die verfügbaren Formular Elemente (Toolbox)
 +
# Links unten: die verfügbaren Aktionen (Action Box)
 +
# Mitte/Rechts: die Arbeitsoberfläche (Workspace)
 +
 
 +
[[Datei:Mod formular designer edit.PNG|600px|thumb|center|Formular bearbeiten]]
 +
 
 +
==== Toolbox ====
 +
Die Toolbox enthält alle verfügbaren Formularelemente gruppiert nach Funktionsart (z.B. Eingabefelder, Auswahlfelder usw.). Klicken Sie auf eine der Überschriften um die jeweilige Gruppe zu öffnen oder zu schließen. Sie können auch mehrere Gruppen gleichzeitig öffnen, das System merkt sich welche Gruppen Sie geöffnet haben und öffnet diese zu einem späteren Zeitpunkt automatisch entsprechend Ihrem letzten Arbeitsstand.
 +
 
 +
Um ein neues Formular Element dem Workspace hinzuzufügen klicken sie zunächst im Workspace auf das gewünschte Gruppen-Element. Haben sie noch kein Gruppen-Element hinzugefügt, fungiert das Formular als solches. Wurde ein Gruppen-Element ausgewählt, wird dieses im Workspace gekennzeichnet (siehe Beschreibung Workspace). Klicken Sie nun auf das gewünschte Element in der Toolbox (z.B. Textfeld). Das Element wird im Workspace in das selektierte Gruppenelement eingefügt.
 +
 
 +
==== Action Box ====
 +
Die Knöpfe in der Action Box bieten die Funktionen: Speichern, Export und Vorschau. Ein erfolgreiches Speichern signalisiert das System mit einer entsprechenden Erfolgsmeldung. Beim Betätigen des Knopfs "Export" wird Ihnen eine "xce" Datei zum Download angeboten. Speichern Sie diese auf Ihrem Rechner um Ihre Formular Konfiguration zu einem späteren Zeitpunkt wieder herstellen zu können. Der Knopf Vorschau öffnet ein Fenster mit dem Formular ihres aktuellen Arbeitsstandes. Diese Vorschau kann ggf. von der Ausgabe abweichen, wenn es für Ihr CMS abweichende Darstellungsformatierungen gibt.
 +
 
 +
==== Workspace ====
 +
Im Workspace befindet sich eine schematische Vorschau des Formulars. Es existieren zwei Arten von Formular Elementen:
 +
# Gruppen Elemente, diese können weitere Elemente beinhalten
 +
# einfache Elemente
 +
 
 +
Jedes Element hat einen Satz von möglichen Aktionen:
 +
# Auge Icon : für die Bearbeitung ein-/ausblenden
 +
# Zahnrad Icon : bearbeiten der Element Eigenschaften
 +
# Lupe Icon (nur Formular Element): öffnet die Vorschau
 +
# Minus Icon: Löschen des Elements und ggf. enthaltener Unterelemente
 +
# Plus Icon: Hinzufügen eines neuen Elements
 +
 
 +
Wählen Sie ein Gruppenelement (Formular, Gruppierung, Layoutbereich, Reiterbereich) aus. Dieses gelb hinterlegt und lila umrandet dargestellt. Fügen Sie weitere Elemente über die Toolbox oder das Icon Hinzufügen ein. Das Element "Formular" bildet den äußeren Rahmen aller weiteren Formular Elemente. Es bietet einige Einstellungsmöglichkeiten für das gesamte Formular gelten.
 +
 
 +
Hinweis:
 +
Beachten Sie das beim hinzufügen über das Icon ein "Eingabefeld" erzeugt wird. Wünschen Sie ein anderes Formular Element, müssen Sie das neu erstellte Element bearbeiten. Ausnahme ist das Gruppen-Element "Reiterbereich". Das Gruppen Element "Reiterbereich" kann ausschließlich Elemente vom Typ "Reiter" aufnehmen. Innerhalb der Reiter Elemente können wieder beliebige Formular Elemente aufgenommen werden. Bitte beachten Sie, eine Verschachtelung von Reiterbereichen kann über den Formular Designer zwar konfiguriert werden, eine Ausgabe ist technisch derzeit aber nicht fehlerfrei möglich.
 +
 
 +
Neue Elemente werden stehts als letztes Element in das aktuell ausgewählte Gruppen-Element eingefügt. Sie können die Reihenfolge per Drag'n'Drop verändern.
 +
 
 +
==== Eigenschaften ====
 +
 
 +
Jedes Formular-Element hat einen Satz von Standard Eigenschaften sowie ggf. vom Typ abhängige Eigenschaften. Beim Klick auf das Zahnrad Icon öffnet sich ein Fenster in dem Sie alle Eigenschaften des Elements beeinflussen können.
 +
 
 +
[[Datei:Mod formular designer properties.PNG|600px|thumb|center|Eigenschaften eines Elements]]
 +
 
 +
Hinweis:
 +
Sie können das Eigenschaften Fenster jederzeit über die Titelleiste per Drag'n'Drop verschieben.
 +
 
 +
=== Formular importieren ===
 +
Um ein zuvor exportiertes Formular zu importieren wählen Sie im Hauptmenü "Formular" aus dem Punkt "Formular importieren" die Akton "Importieren" aus. Klicken Sie den Knopf "Durchsuchen". Es öffnet sich der Dateiauswahl Dialog. Navigieren Sie zum Speicherort der Export Datei und bestätigen Sie den Dateiauswahldialog. Klicken Sie anschließend den Knopf "Import starten". Die Export Datei wird eingelesen und verarbeitet. Dieser Vorgang ist i.d.R. nach wenigen Sekunden beendet. Wurde der Import erfolgreich durchgeführt, wechselt das System in den "Formular Bearbeiten" Modus und öffnet das soeben importiterte Formular. Beim Import wurde der Formulartitel automatisch angepasst, das System ergänzt den bestehenden Formular Titel um die Angabe "(importiert am Datum/Uhrzeit)". Sie können diese Angaben über das Eigenschaften Fenster ggf. entfernen.
 +
 
 +
== Einträge ==
 +
Im Bereich Einträge finden Sie alle über das Ausgabe Modul eingegangenen Formular Einsendungen. Wählen Sie im Hauptmenü den Punkt "Einträge" aus. Sie erhalten eine Liste aller über den Formular Designer erstellten Formulare. Wählen Sie das gewünschte Formular durch Klick auf den Titel oder das Icon am rechten Rand der Tabellenzeile aus. Sie erhalten nun die Liste aller Formular Einträge.

Aktuelle Version vom 26. Januar 2015, 15:26 Uhr

Ausgabe

Die Ausgabe des Formulardesigners ermöglicht das einfache Einbinden selbst erstellter Formulare. Zunächst muss über die GeoCMS Administrationsoberfläche ein Formular erzeugt werden. Mehr dazu unter dem Abschnitt "Formulare erstellen".

Wählen Sie eines der erstellten Formulare aus, fügen Sie ggf. eine Überschrift sowie einen beschreibenen Text hinzu. Soll das Formular nur für eine bestimmte Nutzergruppe oder einen Zeitraum sichtbar sein, konfigurieren Sie dies im Reiter Sichtbarkeit. Klicken Sie anschließend auf "Speichern/Schließen".

Administrationsoberfläche

Zum Erstellen oder bearbeiten von Formularen wechseln Sie zunächst in den Administrationsbereich. Wählen Sie den Hauptmenüpunkt "Formular Designer" aus.

Administrationsoberfläche

Formular anlegen

Um ein neues Formular zu erstellen klicken Sie im Tabellenkopf rechts auf das Symbol "neues Formular anlegen" oder Wählen Sie im Hauptmenü "Formular" aus dem Punkt "neues Formular" die Akton "Anlegen" aus. Die Oberfläche ist nahezu identisch mit der zum Bearbeiten eines Formulars.

Formular bearbeiten

Um ein bestehendes Formular zu bearbeiten klicken Sie in der Tabelle rechts auf das Symbol "Formular bearbeiten" oder Wählen Sie im Hauptmenü "Formular" aus dem Punkt "Formular bearbeiten" die Akton "Bearbeiten" aus.

Die Formular bearbeiten Oberfläche gliedert sich in drei Bereiche.

  1. Links: die verfügbaren Formular Elemente (Toolbox)
  2. Links unten: die verfügbaren Aktionen (Action Box)
  3. Mitte/Rechts: die Arbeitsoberfläche (Workspace)
Formular bearbeiten

Toolbox

Die Toolbox enthält alle verfügbaren Formularelemente gruppiert nach Funktionsart (z.B. Eingabefelder, Auswahlfelder usw.). Klicken Sie auf eine der Überschriften um die jeweilige Gruppe zu öffnen oder zu schließen. Sie können auch mehrere Gruppen gleichzeitig öffnen, das System merkt sich welche Gruppen Sie geöffnet haben und öffnet diese zu einem späteren Zeitpunkt automatisch entsprechend Ihrem letzten Arbeitsstand.

Um ein neues Formular Element dem Workspace hinzuzufügen klicken sie zunächst im Workspace auf das gewünschte Gruppen-Element. Haben sie noch kein Gruppen-Element hinzugefügt, fungiert das Formular als solches. Wurde ein Gruppen-Element ausgewählt, wird dieses im Workspace gekennzeichnet (siehe Beschreibung Workspace). Klicken Sie nun auf das gewünschte Element in der Toolbox (z.B. Textfeld). Das Element wird im Workspace in das selektierte Gruppenelement eingefügt.

Action Box

Die Knöpfe in der Action Box bieten die Funktionen: Speichern, Export und Vorschau. Ein erfolgreiches Speichern signalisiert das System mit einer entsprechenden Erfolgsmeldung. Beim Betätigen des Knopfs "Export" wird Ihnen eine "xce" Datei zum Download angeboten. Speichern Sie diese auf Ihrem Rechner um Ihre Formular Konfiguration zu einem späteren Zeitpunkt wieder herstellen zu können. Der Knopf Vorschau öffnet ein Fenster mit dem Formular ihres aktuellen Arbeitsstandes. Diese Vorschau kann ggf. von der Ausgabe abweichen, wenn es für Ihr CMS abweichende Darstellungsformatierungen gibt.

Workspace

Im Workspace befindet sich eine schematische Vorschau des Formulars. Es existieren zwei Arten von Formular Elementen:

  1. Gruppen Elemente, diese können weitere Elemente beinhalten
  2. einfache Elemente

Jedes Element hat einen Satz von möglichen Aktionen:

  1. Auge Icon : für die Bearbeitung ein-/ausblenden
  2. Zahnrad Icon : bearbeiten der Element Eigenschaften
  3. Lupe Icon (nur Formular Element): öffnet die Vorschau
  4. Minus Icon: Löschen des Elements und ggf. enthaltener Unterelemente
  5. Plus Icon: Hinzufügen eines neuen Elements

Wählen Sie ein Gruppenelement (Formular, Gruppierung, Layoutbereich, Reiterbereich) aus. Dieses gelb hinterlegt und lila umrandet dargestellt. Fügen Sie weitere Elemente über die Toolbox oder das Icon Hinzufügen ein. Das Element "Formular" bildet den äußeren Rahmen aller weiteren Formular Elemente. Es bietet einige Einstellungsmöglichkeiten für das gesamte Formular gelten.

Hinweis: Beachten Sie das beim hinzufügen über das Icon ein "Eingabefeld" erzeugt wird. Wünschen Sie ein anderes Formular Element, müssen Sie das neu erstellte Element bearbeiten. Ausnahme ist das Gruppen-Element "Reiterbereich". Das Gruppen Element "Reiterbereich" kann ausschließlich Elemente vom Typ "Reiter" aufnehmen. Innerhalb der Reiter Elemente können wieder beliebige Formular Elemente aufgenommen werden. Bitte beachten Sie, eine Verschachtelung von Reiterbereichen kann über den Formular Designer zwar konfiguriert werden, eine Ausgabe ist technisch derzeit aber nicht fehlerfrei möglich.

Neue Elemente werden stehts als letztes Element in das aktuell ausgewählte Gruppen-Element eingefügt. Sie können die Reihenfolge per Drag'n'Drop verändern.

Eigenschaften

Jedes Formular-Element hat einen Satz von Standard Eigenschaften sowie ggf. vom Typ abhängige Eigenschaften. Beim Klick auf das Zahnrad Icon öffnet sich ein Fenster in dem Sie alle Eigenschaften des Elements beeinflussen können.

Eigenschaften eines Elements

Hinweis: Sie können das Eigenschaften Fenster jederzeit über die Titelleiste per Drag'n'Drop verschieben.

Formular importieren

Um ein zuvor exportiertes Formular zu importieren wählen Sie im Hauptmenü "Formular" aus dem Punkt "Formular importieren" die Akton "Importieren" aus. Klicken Sie den Knopf "Durchsuchen". Es öffnet sich der Dateiauswahl Dialog. Navigieren Sie zum Speicherort der Export Datei und bestätigen Sie den Dateiauswahldialog. Klicken Sie anschließend den Knopf "Import starten". Die Export Datei wird eingelesen und verarbeitet. Dieser Vorgang ist i.d.R. nach wenigen Sekunden beendet. Wurde der Import erfolgreich durchgeführt, wechselt das System in den "Formular Bearbeiten" Modus und öffnet das soeben importiterte Formular. Beim Import wurde der Formulartitel automatisch angepasst, das System ergänzt den bestehenden Formular Titel um die Angabe "(importiert am Datum/Uhrzeit)". Sie können diese Angaben über das Eigenschaften Fenster ggf. entfernen.

Einträge

Im Bereich Einträge finden Sie alle über das Ausgabe Modul eingegangenen Formular Einsendungen. Wählen Sie im Hauptmenü den Punkt "Einträge" aus. Sie erhalten eine Liste aller über den Formular Designer erstellten Formulare. Wählen Sie das gewünschte Formular durch Klick auf den Titel oder das Icon am rechten Rand der Tabellenzeile aus. Sie erhalten nun die Liste aller Formular Einträge.