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 runtime via script. Note that script is .

Control and screen resizing is supported in the CygNet Thin Web Client allowing for responsive screen design to ensure your screens and applications work properly when viewed on any device, screen, or browser window size.

See Design Mode Elements for more information about screen elements.

Resizing Properties

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

• Properties of the 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 permitted.

The properties required to configure 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 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.