This tutorial is for the new, online project designer. The tutorial for the Desktop Designer is available here .

Grid Point

Learn how the Grid point can be used and see it in action with the sample projects.

What is the Grid point?

The Grid point can be used to display sequential data in a table with customisable rows and columns. Each row of data in the grid can be created, edited and reordered from within the Grid point. This point uses the Template point to design a page of points that are used for each row's entry page.

Key Features

  • Allows storing a sequence of data within a session.
  • Rows can easily be reordered on the mobile device.
  • Can be configured to be a read-only table of data instead of providing full create/edit/delete functionality.
  • Multiple style options available to customise the look and feel to suit a variety of needs.

Configuration and Settings

Preparation

The Grid point is an advanced point that uses a template page to present points for each entry in the grid. The template page is configured via a Template point and is explained in the following steps.

Preparing a template

The first step is to add a Template point to the project. See the Template Point Tutorial to learn how to prepare a template page.

Link the template to the Grid point

Select the Grid point and in the properties tab, set the Template point property to the Template point that was created. The Template point's properties will be used to determine the number of rows that will be allowed in the Grid point. The content of the template page will appear for each entry in the Grid point and will also be used as the columns to display on the Grid point summary.

Grid Settings

The following settings are used to customise the functionality of the Grid point and the options that are available when displayed in a session.

Grid web column grid settings

Template point

Select a template point from the project. For steps on preparing a template point, see the preparation section above.

Column Headings

This section is used to specify which of the points from the Template page are displayed in the Grid point. Select the points you would like to use from the Available Points list on the left and click that right arrow to add them to the Column Headings list. The column headings can then be reordered using the Move Up and Move Down buttons. To remove a column heading, simply select the heading from the Column Headings list and click the left arrow.

Grid web column headings editor

Column heading style

By default, each of the points used in the column headings will appear using their point ID name. This option can be changed to use the points' captions instead.

Vertical separator lines

When enabled, vertical lines will be displayed, separating each column in the Grid.

Read only

When enabled, it will disable the ability to create, edit and delete row entries from the Grid.

Allow deleting entries

When enabled, it will allow the ability to delete row entries from the Grid.

Allow reordering entries

When enabled, it will allow the ability to reorder row entries from the Grid view.

Entry Page Settings

The following settings are used to customise the functionality that is available on the entry page, which is displayed when selecting or creating a new entry in the session.

Grid web column entry page settings

Show navigation buttons

Displays a Next and Previous button on the entry page for each activity. These buttons can be used to navigate between the row entries from within an entry.

Show create entry button

Displays a New Activity button on each activity entry page. This button can be used to create a new row from with an existing row's entry page.

Heading Row Style

These settings customise the font and appearance of the text that is displayed in the heading row of the Grid point. This include options for Font Style, Size, Bold, Italic, Underline, Color and Text Alignment . A preview is provided to show how the text will appear.

Grid point web heading style

Content Row Style

These settings customise the font and appearance of the text that is displayed in each row of content, below the heading row. This include options for Font Style, Size, Bold, Italic, Underline, Color and Text Alignment . A preview is provided to show how the text will appear.

Grid point web content style

Sample Projects

This sample demonstrates how a Grid point can be used to to create rows of data and display them on a grid view.


Sample Projects
You can download the sample project for this tutorial or import the projects directly into your account.