Manual:Semantic MediaWiki/Examples/Customer data/Form

With the page Special:CreateForm, you now create the data entry form.

alternativtext=Spezialseite: Formular erstellen|zentriert|mini|600x600px|Spezialseite: Formular erstellen|verweis=https://de.wiki.bluespice.com/wiki/Datei:Formular-erstellen1.png

Create

Create a form

Creating the form

1. Geben Sie auf der Formularseite einen Namen für Ihr neues Formular ein. Am einfachsten ist es, das Formular genau wie die Vorlage zu bezeichnen. In unserem Beispiel geben Sie daher den Namen Kundendaten ein (1). Wählen Sie die Vorlage Kundendaten aus dem Auswahlmenü aus und klicken Sie Hinzufügen (2).
   alternativtext=Formular erstellen|zentriert|mini|500x500px|Formular erstellen
2. Die in der Vorlage Kundendaten angelegten Felder werden automatisch in das Formular integriert. Um die Dateneingabe zu erleichtern, ändern Sie den Eingabetyp des Feldes Erstkontakt zu datepicker. (1) Anschließend klicken Sie Seite speichern (2).
   alternativtext=Formularfelder überprüfen|zentriert|mini|750x750px|Formularfelder überprüfen

Nun steht Ihnen das Formular Kundendaten zur Verfügung. Dieses Formular ist entsprechend im Namensraum Formular abgelegt.

Formular verwenden

Wenn wir nun eine neue Kundenseite im Wiki anlegen, können wir die Kundendatenvorlage entsprechend automatisch über die Formularseite einbinden. Die Formularseite hat den Namen Formular:Kundendaten.

1. Um eine neue Kundenseite zu erstellen, geben Sie den Kundennamen (d.h. den gewünschten Seitennamen) ein (1) und klicken Sie Erstellen oder bearbeiten (2).
   alternativtext=Neue Kundenseite erstellen|zentriert|mini|750x750px|Neue Kundenseite erstellen
2. Geben Sie nun die Kundendaten ein (1). Fügen Sie optional noch weiteren Freitext hinzu (2) und klicken Sie dann auf Seite speichern (3).
   alternativtext=Kundendaten auf Kundenseite eingeben|zentriert|mini|650x650px|Kundendaten auf Kundenseite eingeben

Nun haben Sie eine Kundenseite erstellt, die die Kundendaten Standort, Ansprechpartner und Erstkontakt über das Eingabeformular sammelt und darstellt.

alternativtext=Kundenseite mit Kundendatenformular.|zentriert|mini|650x650px|Kundenseite mit Kundendatenformular.

Note: Die Gestaltung der Vorlage können Sie später jederzeit noch anpassen. Zuerst sollten Sie jedoch noch das Formular zur Bearbeitung der Vorlage erstellen.

Nächster SchrittAls nächsten Schritt fügen wir dem Bearbeitungsmenü auf den Kundenseiten noch die Möglichkeit hinzu, die Seiten in Zukunft auch über das Kundendatenformular zu bearbeiten.

Seiten im Formularmodus bearbeiten

Template:Box Links

1. On the "Create a form" page, enter a name for your new form. Since we create it for template Customer data, we give the form the same name (1). Select the template Customer data from the choice menu and click Add (2).
   
   

   Select template
   
   
2. The customer data fields from the template Customer data are automatically integrated in the form. To facilitate the data entry for the date field, change the input type of the field firstcontact to datepicker. (1) Then, click Save page (2).
   
   

   Selecting the input type
   
   

Now the form is available for data entry. It can be found in the namspace Form.

Using the form

When we create a new customer page, we can now use the form page to create the page and to automatically include the customer data template in the page. The form page has the name Form:Customer data.

1. To create a customer page, enter a page name in the form field (1) and click Create or edit (2).
   
   

   Create a customer page
   
   
2. Enter the customer data (1). You can additionally create some free text (2). Click Save page after editing the page (3).
   
   

   Dateneingabe während Seitenerstellung
   
   

Now you have created a customer page that collects customer data and shows the entered data on the page.

Next step

As the next step, we add the form edit mode option to pages that include the Customer data template.

Edit pages in form edit mode

Template:Box Links en

__KEIN_INHALTSVERZEICHNIS__