Pages

3 minutes to read Download PDF Edit

This document describes what pages are for and what kind of widgets can be placed on them. The properties of a page, snippet or layout document can be found on the documentation pages of those document types: Page , Snippet and Layout .

Type Description
Pages Pages define the end user interface of a Mendix application. Apart from pages there are two other types of document that come into play when creating an interface: layouts and snippets. Pages are the things that are actually shown to the end user. Snippets and layouts are building blocks for creating pages but they are not shown to the user directly.
Layouts Layouts specify what comes where. Each page is based on a layout. The layout contains widgets and structures that return on every page based on that layout. For example, it is common to put a menu bar widget on a layout so that it is visible on all pages. Layouts are a new feature of Mendix 5. In Mendix 4 there was one fixed layout that could not be edited inside the Modeler.
Snippets Snippets define reusable interface parts. They can be used on pages and layouts. By using snippets you have to make changes in fewer places if you want to modify the interface. For example, you can have a snippet that is used both in the contents area of a template grid and in a data view. If you add a row to a table in the snippet, that change will show up in both places.
Widgets Pages, layouts and snippets are built using widgets. There are many kinds of widgets and not every widget can be used on each of the three document types. Layouts support mostly widgets for giving structure to pages, but not widgets for showing data. This is to make the intention of layouts clear: they should define what comes where and not much more. However, snippets can be placed on layouts and that is an indirect way to include more kinds of widgets on a layout.

We discern the following categories of widgets:

  • Menu Widgets allow the user to navigate through the application. Examples: menu bar widget, navigation tree.
  • Data Widgets are central to building forms in Mendix. Through these widgets you can view and/or edit the data in the application. Examples: data view, data grid.
  • Layout Widgets are widgets that form the backbone of the interface and are typically used on layouts. Examples: layout container, title.
  • Common Widgets are widgets commonly found on any page, layout or snippet. Examples: label, image.
  • Container Widgets are widgets that can contain other widgets again. Examples: table, group box.
  • Input Widgets make it possible to show and edit the values of attributes and associations. Examples: text box, date picker.
  • File Widgets allow you to work with files, including images stored in files.
  • Button Widgets are buttons that trigger actions. Examples: save button, microflow button.
  • Report Widgets aggregate data and show it in the form of a table or a chart. Examples: basic report, report chart.
  • Add-on widgets can be downloaded from the Mendix Appstore or created by yourself using JavaScript.