#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).<br />[[File:Manual:Formular-erstellen2-EN.png|alt=Select template|center|thumb|400x400px|Select template]]<br />
#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).[[File:Manual:Formular-erstellen2-EN.png|alt=Select template|center|thumb|400x400px|Select template]]The customer data fields from the template ''Customer data'' are automatically integrated in the form.
#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). <br />[[File:Manual:Formular-erstellen3-EN.png|alt=Selecting the input type|center|thumb|650x650px|Selecting the input type]]<br />
#Adjust the form label for the field ''contactperso''n to ''Contact'' and the form label for the field ''firstcontact'' to ''First contact''. Change the input type for ''firstcontact'' to ''datepicker''. [[File:Manual:smw customize form.png|alt=fileds contactperson and firstcontact with save button|center|thumb|495x495px|Form editor]]
#Scroll down the page and click ''Save page.''<br />
Now the form is available for data entry. It can be found in the namspace ''Form.''
Now the form has been saved and is available for creating pages in the wiki.
==Using the 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''.
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''.
#To create a customer page, enter a page name in the form field (1) and click ''Create or edit'' (2)''.'' <br />[[File:Manual:Formular-fertig-EN.png|alt=Create a customer page|center|thumb|650x650px|Create a customer page]]<br />
#Enter a page name in the form field and click ''Create or edit'' to create a customer page ''.'' <br />[[File:Manual:Formular-fertig-EN.png|alt=Create a customer page|center|thumb|650x650px|Create a customer page]]<br />
#Enter the customer data (1). You can additionally create some free text (2). Click ''Save page'' after editing the page (3). <br />[[File:Manual:Formular-dateneingabe-EN.png|alt=Dateneingabe während Seitenerstellung|center|thumb|650x650px|Dateneingabe während Seitenerstellung]]<br />
#Enter the customer data (1). You can additionally create some free text (2). Click ''Save page'' after editing the page (3). <br />[[File:Manual:Formular-dateneingabe-EN.png|alt=Dateneingabe während Seitenerstellung|center|thumb|650x650px|Dateneingabe während Seitenerstellung]]<br />
Now you have created a customer page that collects customer data and shows the entered data on the page.
Now you have created a customer page that collects customer data and shows the entered data on the page.
[[File:Manual:Kundenseite-beispiel-EN.png|alt=Customer page with semantic template|center|thumb|650x650px|Customer page with semantic template]] {{Messagebox|boxtype=note|Note text=You can [[Manual:Semantic MediaWiki/Examples/Customer data/Template styling|customize the template style]] later. First, you should integrate the form with the customer pages.}}<br />
[[File:Manual:Kundenseite-beispiel-EN.png|alt=Customer page with semantic template|center|thumb|650x650px|Customer page with semantic template]] {{Messagebox|boxtype=note|Note text=You can [[Manual:Semantic MediaWiki/Examples/Customer data/Template styling|customize the template style]] later. First, you should integrate the form with the customer pages.}}
==Next step==
==Next step==
</div>As the next step, we add the form edit mode option to pages that include the ''Customer data'' template.
</div>As the next step, we add the form edit mode option to pages that include the ''Customer data'' template. This allows to edit the template on existing pages at any time.
Latest revision as of 15:28, 15 July 2025
With the page Special:CreateForm, we now create the data entry form.
Create a form
Creating the form
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 templateThe customer data fields from the template Customer data are automatically integrated in the form.
Adjust the form label for the field contactperson to Contact and the form label for the field firstcontact to First contact. Change the input type for firstcontact to datepicker. Form editor
Scroll down the page and click Save page.
Now the form has been saved and is available for creating pages in the wiki.
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.
Enter a page name in the form field and click Create or edit to create a customer page . Create a customer page
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.
As the next step, we add the form edit mode option to pages that include the Customer data template. This allows to edit the template on existing pages at any time.
