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.
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.
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.
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.
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.
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.
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.