Screen Design Page Properties

These are the Screen Design page properties shown in the Properties view when no objects in the Screen Design page are selected.

General

These are the general properties for the screen.

Property Description
Name The name of the screen.
Key The key associated with the screen.
Background color Click Color picker to choose a background color for the screen.

You can also enter the value manually. The possible values are black, blue, brown, gray, green, orange, pink, purple, red, white, yellow, any string with the format #rrggbb, where rr, gg and bb are the hexadecimal values, in the range 0 to ff(255), for the red, green and blue.

Background image Click Browse to choose an image to set as the background image for the screen.
Note: The image must be located in the project.
Background image repeat Select from these options:
  • Repeat – the background image will repeat on all screens in the mobile workflow.
  • No repeat – the image does not repeat on each screen
  • Inherit – child screen inherit the background image from the parent screen
  • Repeat-X – the background image repeats horizontally only
  • Repeat-Y – the background image repeats vertically only
OK action Select the action to perform when the user clicks OK on the screen.

Rulers and grid

The ruler and grid properties are applied to the Screen Design page, or canvas.

Property Description
Display
  • Show ruler
  • Show grid
  • Grid in front
Measurement
  • Ruler units
  • Grid spacing
Grid line
  • Color
  • Style
Snap to grid Automatically align objects to the grid lines on the canvas.
Snap to shapes Position objects to grid lines that go through the vertical and horizontal edges of other objects.

Keys

Keys associated with the controls on the screen are shown.

Property Description
Key name The name of the associated key.
Type The type of the associated key, for example, string.
Data binding Shows the data source to which the key is bound.

Click New to create a new key.

Select any key and click Edit to edit the information for an existing key.

Select a key and click Remove to remove an existing key.