Dynamic Layout – Canvas

Last Updated March 9, 2025

Brief Overview

Canvas is the body of the future ShoutOut created using the Visual Designer which gives the idea of how it will look on screen. Other elements - frames and widgets - can be added to the canvas.

How to Use

Styling

Corner Radius, Border Width, Fill Color, and Border Color can be changed from the Styling tab
There is now an ability to add shadow to the canvas of the Shoutout. User can select between None, Soft, Regula, and Retro shadow predefined options.
Corners can be controlled individually and be different

Layout

Sizing

The width of the ShoutOut can be changed by stretching it directly from the canvas or applying measurements in the property bag
The height will adjust automatically based on the amount of content
Only the width of the canvas can be resized by a user

Inner Spacing

The distance between the sides of the canvas and the frames can be adjusted in the property bag - the indication will be shown on the canvas
By default, the same distance is set for all the sides
To apply a different value to one of the sides, click on the borders icon

Close Button

Turning off the Show Close Button toggle will hide the Close button from the canvas
- To make it appear again, hover over the Close button location and click on it and then turn on the Show Close Button toggle
The close button can be customized from the Styling tab - Icon size color, Button radius and fill, Border width and color can be changed
The size of the button can be changed from the canvas
The position can be changed (Top Right / Left corner) from the Layout tab

Position

The position of the canvas on screen can be changed only from the property bag
Select one of the default options, or turn on the Custom position toggle and enter the preferred settings for more specific changes

Was this article helpful?

Yes No

Yes

Thanks for your feedback!