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

Layout Point

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

What is the Layout point?

The Layout point is used to display either text or an image within a session to add more information, branding and other supporting material for your project. The values of other points can be dynamically inserted into a text Layout point, using dynamic references . It can be used as a substitute for another point's caption by setting the other point's caption to a space. This point is for display only and does not capture any data during a session. To add photo capture to your session, use the Camera point instead.

Key Features

  • Supports adding images to your sessions including JPG and Bitmap formats.
  • Comprehensive options for customising the appearance and styles of text.
  • Add values from other points to a Layout point's text, using dynamic references .

Layout point animation

Dynamic References to Other Points

When a Layout point is configured to display text, the point can be configured to dynamically reference other points to display their values in the Layout point. This can be useful for customising the appearance of your session data with custom font styles, colours and alignment. To add a dynamic reference to another point you will need to add the point's ID to the Layout point using the following format: <% PointId %> . The Layout point can contain as many dynamic references as you desire and can be combined with other text of your choosing. See the sample projects for an example.


Configuration and Settings

The Layout point can be configured in the designer to customise the behaviour of the point. See below for details on each of this point's properties.


Layout point web properties

Layout settings

The text property allows you to add text to your sessions with a customised appearance. The text can also contain dynamic references to points to display their values within the Layout point.

Font settings

Font settings allow you to customise the appearance of the text when displayed on a mobile device. 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.

Image Settings

The image property allows you to import an image into the point, to be displayed on a session.


Sample Projects

The Basic Points Sample project contains examples of how to use many of the various points that are available. This project also contains a page that demonstrates some of the ways that this point can be used in your projects.


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

Sample 1: Layout Point

In the provided sample project, basic_point_samples.ppc there is a page for the Layout point , which demonstrates how a Layout point can be configured to display text or an image in various ways. Open this project in the Mobile Data Anywhere Designer for a closer look at how each point has been customised on each point's properties window.

Layout point sample