Mobile Forms

6 minutes to read Download PDF Edit

Mobile Forms are used to create a user interface for the end user. They are composed of components that are called widgets. Below is a categorized overview of all the widgets. The following categories are used:

  • Core widgets are central to building forms in Mendix. They are the widgets that can show a list of entities or a single entity.
  • Layout widgets are used to structure the layout of your forms.
  • Input widgets make it possible to show and edit the values of attributes and associations.
  • Other widgets allow you to work with images, files and to create buttons and labels.
  • Custom widgets can be downloaded from the Mendix Appstore or created by yourself.

Core widgets

The core widgets are central to building forms in Mendix. They can show the contents of a single entity or of a list of entities. Every form that wants to show data from the domain model needs one of these components.

List View

The list view shows a list of objects in a grid. For example, a list view can show all the orders a customer has placed. Using controls provided by the list view you can browse, search and edit those objects.

See List View.

Data view

The data view is a central component in Mendix applications. It is the starting point for showing the contents of exactly one object. If, for example, you want to show details of a single customer you would use a data view to do this. The data view typically contains a table with labels and input widgets like text boxes.

See Data View.

Layout widgets

Layout widgets give structure to a form. They do not manipulate data but provide a layout in which you can place other widgets that do.

Table

Tables can be used to change the layout of the form. They contain a number of rows and columns and the intersection of the two is called a cell. Each cell can contain widgets again. Cells can be merged horizontally and vertically to allow for asymmetric layouts.

See Table.

Section

A section is a container in which other components can be placed. A list view, data view, table, navigation list, label, microflow trigger, link button, back button, drop down button, sign out button or another section can be placed on top level.

See Section.

A navigation list can be used to attach an action to an entire row. Such a row is called a navigation list item.

See Navigation List.

Input widgets

Input widgets are used for showing and entering data. They must be placed inside a data view because they show attributes or associations of an entity.

Check box

A check box shows a box that is either ticked or empty. You can use it to display and/or edit a truth value.

See Check Box.

Date picker

A date picker can be used to display and/or edit a date value.

See Date Picker.

A drop-down widget can be used to display and/or select an enumeration value.

See Drop-Down Widget.

Reference selector

The reference selector allows you to set an association of type reference by selecting an object. For example, in an order form you might be able to select the customer to whom the order applies. The reference selector shows an attribute of the associated entity, for example, the name of the customer.

See Reference Selector.

Reference set selector

The reference set selector allows you to set an association of type reference set by selecting objects. For example, if customers can belong to several groups, a reference set selector can be used to select the groups the customer belongs to. This requires that there is an association from customer to group of type reference set in the domain model.

See Reference Set Selector.

Text area

A text area can be used to display and/or edit a long text value that can be split over several lines.

See Text Area.

Text box

A text box can be used to display and/or edit a textual value. For long texts with multiple lines, use a text area instead.

See Text Box.

Other widgets

These other widgets allow you to manipulate images and files, place labels in table cells and provide buttons and links to click.

Back Button

Pressing this button will navigate to the previously visited mobile form.

See Back Button.

Cancel Button

The cancel button works in conjunction with a top-level Mobile Data View. Pressing the button will roll back any changes made on the object shown in the data view.

See Cancel Button.

Pressing a drop down button shows a list of items. Each item has a caption and an image. Clicking an item may execute a microflow or open a form.

See Drop Down Button.

Image viewer

An image viewer can be used to display an image or its thumbnail.

See Image Viewer.

Label

A label shows a line of static text. You can use it to place custom text on your form.

See Label.

Microflow trigger

A microflow trigger can be used to create a button or link that starts a microflow on a form.

See Microflow Trigger.

Pressing a link button can trigger a variety of actions, some of which are specific to mobile devices.

See Link Button.

Save Button

The save button works in conjunction with a top-level Mobile Data View. Pressing the button will commit any changes made on the object shown in the data view.

See Save Button.

Sign Out Button

Pressing a sign out button will sign out the currently signed in user. When no user is signed in, pressing this button has no effect.

See Sign Out Button.

Custom Widgets

If the project directory of your project has a widget directory with custom widgets, these custom widgets are available in the form editor.

For more information, see the tutorials for custom widgets.

Copyright © Mendix. All rights reserved. | Mendix.com | Terms of Use | Privacy Policy