The canvas
Learn how to work with the live canvas — select, move, nest, and edit elements in real time.
Canvas overview
Learn how Site Designer's live canvas works and what makes it different from traditional design tools.
Selecting elements
Click, context-menu, and breadcrumb techniques for selecting any element on the canvas.
Reordering, duplicating, and deleting elements
How to reorganize your page structure, make copies of elements, and remove them safely.
Drag & drop and nesting
How to drag elements onto the canvas and nest them inside containers for proper layout structure.
Hover context menu
The right-click context menu gives quick access to edit, duplicate, wrap, and delete actions for any element.
Inline text editor
Double-click any text element to edit it directly on the canvas, just like a word processor.
Auto-scroll and canvas navigation
How Site Designer scrolls the canvas automatically when you resize or drag elements near the edges.
