A template grid shows a list of objects in a tile view. For example, a template grid can show a list of employees with their profile pictures. Using controls provided by the template grid you can browse, search, and manipulate those objects:
The template grid has a lot in common with a data grid. The main difference is that the objects are shown in templates instead of rows.
2.1 Control Bar
For more information, see Control Bar.
2.2 Search Bar
2.3 Sort Bar
An example of template grid properties is represented in the image below:
Template grid properties consist of the following sections:
3.1 Common Section
For more information on properties in this section, see the Common Section section in Properties Common in the Page Editor.
3.2 Data Source Properties
The data source determines which objects will be shown in the template grid. For general information about data sources, see Data Sources.
The list view supports the following types of data sources:
- Database source – objects are retrieved directly form the database
- XPath source – objects are retrieved directly form the database
- Microflow source – calculates the list of objects by executing a microflow
- Association source – follows an association to get to objects
The database and XPath sources retrieve objects from the database and supports searching and sorting.
3.3 Design Properties Section
The Design Properties allow you to change spacing and alignment of the widget and hide it on phone, tablet, or desktop, if needed. Design properties may vary depending on the type of the widget. For example, for the text widget you can change its font weight, color, alignment, and letter case.
3.4 General Section
3.4.1 Show Control Bar
This property indicates whether the control bar will be visible in the end-user interface. The control bar also includes the paging buttons.
Even if the control bar is invisible there can still be a default button that is triggered by (double) clicking a row. See the property ‘Default button trigger’ and grid buttons for more information.
3.4.2 Show Paging Buttons
This property is not available in Mendix 8.13 and above. Use the Show Paging Bar property instead.
This property indicates with the buttons to page through the information in the grid are visible. Only hide these buttons if you are sure that there will never be more objects than the number of rows of the grid. Note that hiding the control bar also hides the paging buttons.
3.4.3 Show Paging Bar
This property was introduced in Mendix 8.13. It replaces the Show Paging Buttons property.
With this property, you can change the way the paging bar is shown.
|Yes (with total count)||The paging bar is shown, including the Go to last page button and the total count of objects.|
|Yes (without total count)||The paging bar is shown (except for the Go to last page button). Also, the total count of objects is not shown, as page numbers are shown instead.|
|No||The paging buttons are not shown.|
Default: Yes (with total count)
Hiding the control bar also hides the paging buttons. For details, see Show Control Bar.
3.4.4 Number of Rows
With this property you can change the number of rows of templates that will be shown on one page.
3.4.5 Number of Columns
With this property you can change the number of templates that will be shown next to each other in one row.
3.4.6 Style Template
The style template property allows you to choose from three different styling of the template grid. These stylings depend on your theme package.
3.4.7 Selection Mode
The selection mode determines whether and how the user can select items in the grid.
|No selection||The user cannot select items.|
|Single selection (default)||The user can select a single item by clicking on it. Clicking another item will make that item the selection.|
|Single selection and maintain||The user can select one item at a time by clicking on it. Users cannot deselect an item. By default the first item will be selected and removing a selected item will autoselect a subsequent item.|
|Multi-selection||The user can select multiple items by clicking the first one and holding the ‘Ctrl’ key while clicking on other items. Simply clicking an item will deselect all items and make the clicked item the selection.|
|Simple multi-selection||The user can select multiple items by simply clicking on them.|
3.4.8 Select First
This property indicates whether the first item will be selected initially. This is especially useful if there is a data view listening to this grid.
3.4.9 Default Button Trigger
The default button can be triggered by a single or a double click a row.
|Single click||A single click triggers the default button. This cannot be used in combination with allowing the user to select rows.|
|Double click (default)||A double click triggers the default button.|
3.4.10 Refresh Time (in Seconds)
If the refresh time is non-zero, the template grid will refresh its contents every given number of seconds. For example, a task list could be refreshed every minute so that you know when new tasks arrive. By default the refresh time is zero and this means that the grid will not automatically refresh itself.
3.5 Visibility Section
Visibility determines whether a widget is displayed to the end-user as part of the page.
For more information on properties of this section, see the Visibility Section section in Properties Common in the Page Editor.
4 Performing Specific Actions
To perform actions on a template grid, select it on a page and right-click it. The list of possible actions opens. While some actions from this list, such as Select data source, Edit condition for visible, are a quick way to set the properties, the following actions are specific actions that you can perform:
- Go to entity – opens a domain model and highlights an an entity that is used as the data source
- Go to data source **microflow **– this action is only displayed when a microflow is set as the data source and opens this microflow