Canvases

To replicate the template, we need a set of Canveses. Each Canvas represents a section where components can be dragged. Learn how to manage the basic properties of a Canvas in this video. You can access the Canvas properties by right clicking on an empty space.

Transcription

Let's take a look at our template. We have an image on the right and some text on the left. We also have two animated buttons below the text. We're going to replicate this content in Webround.

The first thing to do is to add a canvas, which will contain components. We can change its fixed height. Notice that the canvas is responsive. This means that if the internal components stretch, the canvas will grow, so that your website's state is responsive on all devices.

By right-clicking on the canvas surface, we're going to open the section settings. A dragable menu that can be moved around. Each canvas has 24 columns with a base tile height. Each tile acts as a magnet for components. This means that when you drag and drop your component in the canvas, it will attach to the closest cell in the canvas.

This section will have 50 pixels of tile height and a spacing of 5 pixels. The tile will make each component taller, while the reduced spacing will bring components closer together.