You can create and test a contact form in MDriven Designer without writing code; this walkthrough is for new users who want to turn a small data model into a working form.

Build a contact form

A contact form needs a place to store one contact's details. In MDriven Designer, that place is a class in the model.

1. Create a new model and save it.
2. On the diagram canvas, create a class named Contact.
3. Add these attributes to Contact:

Attribute	Type	Example value
Name	String	Alex Morgan
Email	String	alex@example.com
Message	Text	Please contact me about a demo.

The model now describes the information that the form will collect.

Generate the form

AutoForms generates initial ViewModels and views from the classes, attributes, and associations in your model. A ViewModel defines data in a displayable format for the application.

1. Right-click an empty area of the diagram canvas.
2. Point to AutoForms.
3. Select Create/Refresh AutoForms.

Run and test the contact form

1. Start the local prototype.
2. Open the generated Contact view.
3. Create a contact.
4. Enter Alex Morgan for the name, alex@example.com for the email address, and Please contact me about a demo. for the message.
5. Save the contact.
6. Select the saved contact to open its generated form and confirm that all three values are shown.

At this point, you can create, view, and save contact data through generated views.

What the model contains

Model element	Purpose in this example
Contact class	Represents one submitted contact record.
Name, Email, and Message attributes	Define the values collected by the form.
AutoForms	Creates generated ViewModels and views so that you can work with the model data.

See also

• HowTos section overview
• Watch a MDriven Designer no-code walkthrough
• Watch the AutoForms walkthrough