Resizing Canvas Screens and Objects

Resizing Screens and Objects

The size of your Canvas screen (or object) that will be presented in run mode is configurable in design mode. Modify the Height and Width values in the Properties pane to change the screen size. A cyan-colored border delimits the boundaries of the screen and all controls are limited by those boundaries.

The default size for a Canvas screen is 750 by 1000 pixels.

The default size for a Canvas object is 200 by 200 pixels.

You can set the screen size at run-time via script.

See Design Mode Elements for more information about screen elements.

Related Properties

When creating Canvas screens that will be resized in run mode, the Height and Width properties of the screen and the Resize Mode properties of the individual controls on each screen must be considered.

Properties of screen determine the maximum and minimum sizes, scroll bars, and resize ratio.

Properties of the individual controls determine if the object can be shifted or expanded horizontally and vertically, or if no resizing is allowed.

The properties involved with resizing are listed in the table below.

Control	Properties	Description
Screen and Canvas Object
	Height	The Height property specifies the height of the control.
	Width	The Width property specifies the width of the control.
All other controls
	Height	The Height property specifies the height of the control (or screen). Tip: You can also change the height of a control using the Settings pane (click on the (Settings) to the right of the control in design mode) or on the Controls view of the Screen pane.
	Horizontal resize mode	The Horizontal resize mode property specifies whether and how the control dynamically moves or resizes horizontally when the screen is resized in run mode. Options include: None — No resizing occurs. Shift — The object will shift horizontally. Expand — The object will expand or shrink horizontally the same number of pixels as the screen. Proportional — The object expands or shrinks proportionally to the screen. The default value is None.
	Vertical resize mode	The Vertical resize mode property specifies whether and how the control dynamically moves or resizes vertically when the screen is resized in run mode. Options include: None — No resizing occurs. Shift — The object will shift vertically. Expand — The object will expand or shrink vertically the same number of pixels as the screen. Proportional — The object expands or shrinks proportionally to the screen. The default value is None.
	Width	The Width property specifies the width of the control (or screen). Tip: You can also change the width of a control using the Settings pane (click on the (Settings) to the right of the control in design mode) or on the Controls view of the Screen pane.

Control

Properties

Description

Screen and Canvas Object

Height

The Height property specifies the height of the control.

Width

The Width property specifies the width of the control.

All other controls

Height

The Height property specifies the height of the control (or screen).

Tip: You can also change the height of a control using the Settings pane (click on the Settings icon (Settings) to the right of the control in design mode) or on the Controls view of the Screen pane.

Horizontal resize mode

The Horizontal resize mode property specifies whether and how the control dynamically moves or resizes horizontally when the screen is resized in run mode. Options include:

None — No resizing occurs.
Shift — The object will shift horizontally.
Expand — The object will expand or shrink horizontally the same number of pixels as the screen.
Proportional — The object expands or shrinks proportionally to the screen.

The default value is None.

Vertical resize mode

The Vertical resize mode property specifies whether and how the control dynamically moves or resizes vertically when the screen is resized in run mode. Options include:

None — No resizing occurs.
Shift — The object will shift vertically.
Expand — The object will expand or shrink vertically the same number of pixels as the screen.
Proportional — The object expands or shrinks proportionally to the screen.

The default value is None.

Width

The Width property specifies the width of the control (or screen).

Tip: You can also change the width of a control using the Settings pane (click on the Settings icon (Settings) to the right of the control in design mode) or on the Controls view of the Screen pane.