Site Studio basics
Canvas, selection, and device preview
Inspect and edit pages across desktop, tablet, and phone views.
The canvas is the interactive representation of the site. Device controls change the review width, selection tools target content, and section controls manage structure.
What this workspace includes
- Desktop, tablet, and phone widths
- Select and text editing modes
- Section move, duplicate, style, ask, code, and delete actions
- Refresh and preview controls
Complete workflow
- 1
Open the page
Choose the page from the page control.
- 2
Set a device size
Inspect desktop, tablet, and phone layouts.
- 3
Select content
Use selection or text mode for the intended edit.
- 4
Confirm stability
Check nearby content and navigation after the change.
How records and settings behave
- Changing device view does not create a different page
- Section actions affect the selected section
- Refresh reloads the current saved site state
Working effectively
- Check the longest headings on phone width
- Review menus and forms at every size
- Use duplicate before making a large structural variation
Keep the correct context
Confirm the active organization, agency, client, site, or record before making a change. The name shown in the workspace identifies where the result will be saved.
Frequently asked questions
Where should I start with Canvas, selection, and device preview?
Choose the page from the page control.
When is my work saved?
Changing device view does not create a different page
How do I confirm the result?
Return to the related list or detail view and review its current status. Refresh reloads the current saved site state