Canvas Interface

The following image illustrates the sections of the Drupal Canvas user interface with labels:

A

The toolbar with the following tools:

• Add: When you click this icon, Drupal Canvas displays the Library panel in the left sidebar where you can access your site-specific elements that can be added to the page.The Library panel includes the following sections:
  • Components: Specific building blocks that can be used within Drupal Canvas.
  • Patterns: Pre-configured sets of components such as Hero areas and multi-column layouts.
• Layers: When you click this icon, Drupal Canvas displays the Layers panel in the left sidebar where you can inspect the structure of the page.
• Pages: a list of all of the pages that have been created in Canvas.
• Templates: When you click this icon, Drupal Canvas displays the Templates panel in the left sidebar.

B

The left sidebar to display the panel based on the tool selected in the toolbar.

C

The Exit icon to close the Drupal Canvas user interface.

D

The preview of the page. Use the scroll wheel of the mouse to move inside the preview canvas. Hold ⌘ Command (Mac) or Ctrl (Windows) and scroll the mouse wheel up to zoom in or down to zoom out.

E

The title of the current page. When you click the title, Drupal Canvas opens the navigator through which you can navigate to other pages and create new content.

F

The publishing status of the current page. The possible states are:

• Draft: The page is not published.
• Published: The page is published but has not gone through any changes.
• Changed: The page is published and has gone through changes.

G

The New button to create new content.

H

The navigator to help you navigate to other pages in your site.IThe right sidebar to help you configure settings for the page.

J

The Preview button to check how the page would look when it gets published.

K

The Review changes button to review the changes that are staged to be published. After you verify the changes, they can be published.