Drawing canvas
The drawing canvas includes all the tools you need to create a diagram for your event. You can use the drawing canvas in two ways:
-
In Design Mode, users have full control over adding and editing any resources from the library. By default, the drawing canvas displays in design mode.
-
Automatic Layout can be selected when you create a diagram to use a predefined layout. The diagram is populated with all resources defined on the layout. This includes tables, chairs, and other standard resources such as stages, dance floors, and podiums. You can then switch back to design mode to further customize the diagram for your event.
Automatic layout is available only if an administrator created a layout for the meeting space in at least one setup style. Layouts can be created for any setup style appropriate for the meeting space.
To open the drawing canvas, in the navigation menu (), click Bookings. Then, select a booking and create, open, or import a diagram. At the top-left of the page, select either Automatic Layout or Design Mode.
The Tools menu on the drawing canvas, referenced below, is accessed on the left side of the canvas next to the Move / Pan tool. The icon that displays for this menu depends on which tool is selected.
What do you want to do?

In design mode, click the Tools menu and then select Text Tool (). Click the canvas to insert a text box, and enter your text.
To change the font settings, for example, size and color, click Settings () in the corner of the text box and make the changes.

Before you share a 3D rendering of the diagram with your client, you can add viewpoints. These viewpoints are used to set predetermined room vantage points. Viewpoints can have custom names and sort orders to help your client visualize the space from any direction. For example, if you want your client to see how the stage looks from the back row, or the bride and groom's view of the dance floor, you can use viewpoints.
-
In design mode, click the Tools menu and then select Viewpoint Tool (
).
-
Click in the diagram where you want to place it.
-
The binoculars icon (
) indicates the viewing direction as if your client is viewing the meeting space through the binoculars. Rotate the icon to the appropriate direction.
See Viewpoints for more details.


-
Click Zoom In (
) and Zoom Out (
) to display the appropriate magnification.
-
Click Fit to Canvas (
) to return to the default magnification.

-
Click Collapse Button Bar (
) to hide the additional tools bar. Click Expand Button Bar (
) to expose the additional tools bar.
-
Click Expand Drawing Area (
) in the top-left corner of the drawing canvas to hide the resource menu. Click Collapse Drawing Area (
) to return to the default view.
-
Click Maximize Drawing Canvas, located in the View menu (
), to display the drawing canvas in a full page view. Press SHIFT+F to switch between full page and regular mode.

Click Rotate Room () to rotate the diagram by 90 degrees.

You can use the View menu () to select which diagram components to display. The selected components are included when printing and exporting the diagram. The components can include the room outline, air walls, dimensions, outlets, and more.
The available options depend on which components exist on the diagram.

You can use the View menu () to decide whether to display grid lines on the diagram and choose the distance between the grid lines. To choose your unit of measurement, see User preferences.
When selected, the grid lines also display when printing.
This setting is defined per user and does not affect another user's display.


Click Page Orientation (,
) to change the print orientation to either portrait or landscape.
If your system is integrated with Delphi, this setting also controls how the diagram prints from Delphi.

-
Click Included in Batch Print (
) to exclude the diagram.
-
Click Excluded in Batch Print (
) to include the diagram.
If your system is integrated with Delphi, this setting also controls whether the diagram is included in the Delphi batch merge.

You can use the drawing canvas to draw lines, arrows, and shapes. You can then click Settings () on your drawn object to edit the size, color, and thickness.
-
To draw lines, in design mode, click the Tools menu and then select Line Tool (
). Click the first point, drag to the second point, and then release.
-
To draw arrows, in design mode, click the Tools menu and then select Arrow Tool (
). Click the first point, drag to the second point, and then release.
-
To draw shapes, in design mode, click the Tools menu and then select either the Rectangle Tool (
), Ellipse Tool (
), Polygon Tool (
), or Multi-line Tool (
).
-
To draw a rectangle or ellipse, drag on the canvas to start drawing. To stop drawing, release the mouse pointer button.
-
For polygons, click the canvas for each point of your shape. Double-click to stop drawing. The shape is automatically closed.
-
For multi-line shapes, click the canvas for each point of your shape. Double-click to stop drawing. This shape can be left open.
You can use the Point Bezier Tool (
) or Point Circular Tool (
) from the Tools menu to add curvature to polygons and multi-line shapes as needed.
-

You can add documents related to your diagram that can be printed and shared along with the diagram.
- In design mode, click the Tools menu and then select Document Tool (
).
- Click the area of the canvas to place a document icon (
).
- Click Browse to find and select your document.
- Click OK. The document icon displays in the diagram.
- Double-click the icon to download the document.
- To upload a different document, select Settings (
) and browse to a different document.
Supported formats are DOC, DOCX, PDF, TXT, XLS, and XLSX, with a maximum file size of 5 MB.

You can add pictures related to your diagram that can be printed and shared along with the diagram.
- In design mode, click the Tools menu and then select Picture It (
).
- Click the area of the canvas to place a camera icon (
). The Picture It editor displays.
- Click Browse to find and select your image.
- The Picture It window displays your image. If needed, select the appropriate Image Height.
- Click OK. The camera icon displays in the diagram.
- Double-click the icon to display the image.
- To edit, click the camera icon and select Settings (
).
Supported formats are JPG, JPEG, PNG, and GIF, with a maximum file size of 2 MB.

The canvas displays a ruler to help you place objects. When you move your mouse pointer, the coordinates of your position display at the top of the canvas. The X value is your horizontal position, and the Y value is your vertical position.
-
Click Move / Pan Tool (
) on the toolbar to move your diagram in the canvas. Use this option to create more space around the diagram.
-
Click Pointer Tool (
) to exit this mode.

Click Print () and then select Print / Export. For more information, see Print or share a diagram.

Click Inventory Report () to configure options. For more information, see Inventory report.

Click Share () to send the diagram by email. For more information, see Print or share a diagram.

Click View 3D (). For more information, see Diagrams in 3D.

Click View Comments () to display a panel on the right side of the page. You can use the Comments panel to add and review comments that pertain to the diagram. You can filter your view to display either all comments or unread comments only.

The following options are available only in design mode.

You can abut resources or groups of resources to position them next to one another. For example, you can create an eight-foot table by placing two four-foot tables next to each other. Resources can be abutted to the top, bottom, left, or right sides of each other.
-
Select the objects to abut.
-
To abut multiple resources, first select two or more resources. You can either use your mouse pointer to box select or press and hold CTRL while selecting individual items.
When abutting resources by sides, the first resource you select is the basis for that action.
-
To abut to walls or lines, first select the resource that you want to move. Then, press and hold CTRL+SHIFT on your keyboard and select walls or lines created with the Multi-line or Polygon tools.
When abutting to walls and lines, your selected reference points are indicated by dots.
-
-
Click the appropriate abut option in the Align (
) menu.
For more information on aligning resources, watch Select, align, and group objects.

You can use the resources panel on the left side of the page to search for and add resources to your diagram. You can find resources in the following ways:
- Start typing the name of the resource you need in the Find by Name field. You need to use a minimum of three characters. All resources that include the entered characters in the name display.
- The Frequently Used section displays the resources that you use most often. Users with access to multiple properties might see different resources depending on the property they are working with.
- Use the drop-down list to select a category of resources, such as Chairs, Tables, Audio/Visual, Decor, Exhibit, or Staging. Resources associated with that category display.
When you find your resource, drag it to the appropriate area on the canvas. The canvas displays a ruler to help you place objects. When you move your mouse pointer, the coordinates of your position display at the top of the canvas. The X value is your horizontal position, and the Y value is your vertical position.
With Live Update enabled, the X and Y coordinates display for the following locations: top left (TL), center (CTR), and bottom right (BR) of the resource.
If you double-click a resource without dragging it to the canvas, it is placed in the center of the current canvas view.

You can align multiple resources with each other when you need them placed in a straight line, like a row of chairs. Or use the walls of the room if you need to position an item within a specific space, like placing the dance floor in the center of the room. Resources can be aligned vertically, horizontally, or by sides.
-
Select the objects to align.
-
To align multiple resources, first select two or more resources. You can either use your mouse pointer to box select or press and hold CTRL while selecting individual items.
When aligning resources by sides, the first resource you select is the basis for that action.
-
To align to walls or lines, first select the resource that you want to move. Then, press and hold CTRL+SHIFT on your keyboard and select walls or lines created with the Multi-line or Polygon tools.
When aligning to walls and lines, your selected reference points are indicated by dots.
-
-
Click the appropriate align option in the Align (
) menu.
For more information on aligning resources, watch Select, align, and group objects.


You can edit the 3D appearance of a resource in a diagram without changing the default. This can be used when you want your diagram to align with your client's color and texture selections. To do so, follow the below steps.
- Select the resource and click Settings (
). Then, click 3D Model and click Customize. The 3D Model page displays.
- Select the Default style that best represents this resource type.
- Do one or more of the following:
- To view the resource, drag the 3D model or zoom in and out.
Select the color for each element.
On the color palette, move the circle indicator or enter the Hex, RGB, or HSL code numbers.
Select the texture for each element.
Click Upload Texture (
) in the Texture Selection window to upload your own texture.
-
Do one of the following:
- Click Save to save your changes.
- Click Cancel to discard your changes.
To restore the resource to its original appearance, click Settings (). Then, click 3D Model and select Set to Default.

You can change the display color of a resource on a diagram. To do so, click Settings () and select a Color from the palette. You can also click Custom to move the circle indicator, or you can enter the Hex, RGB, or HSL code numbers.
If the default color is locked in Resources, the color selection is unavailable for that resource type.

You can change the fill pattern of a resource on a diagram. To do so, click Settings () and select a Color from the palette. You can also click Custom to move the circle indicator, or you can enter the Hex, RGB, or HSL code numbers. Then, click Fill Pattern and select a pattern.
If the default color is locked in Resources, the fill pattern selection is unavailable for that resource type.
You can select Hollow to show resources placed in layers. For example, to show a floor box outlet under a table, set the fill pattern for the table to hollow. Colors are not applied to the hollow pattern.

-
Select the resource and click Settings (
).
-
Select a value in the Size / Type field.
If the resource has dimensions that are not defined in your resource library, select Custom, and then enter the Width, Length, and Height. Custom resource sizes are not added to your resource library.

These options are located under the Clear menu ().
-
Click Clear Room (
) to remove all non-fixed resources from the room.
-
Click Clear Numbers (
) to remove any numbers assigned to resources.

To delete a resource, select the resource and then click Delete() or press DELETE on your keyboard.

A resource can be duplicated by using either Copy and Paste under the Clipboard menu () or Clone under Settings (
).
-
To create one copy of a resource, select a resource and click Copy (
) or press CTRL+C.
-
To paste the copied resource, click Paste (
) or press CTRL+V. The resource displays in the center of the drawing canvas and can be moved to the appropriate location.
-
To create multiple copies of a resource, select the resource and use the Clone option under Settings (
). Enter the number of copies to be made in the Count field. Then, enter a value in the Spacing and Direction fields to set the location of the copied resources. Click Apply when finished.


Resources can be flipped horizontally or vertically. To do so, select one or more resources, click Arrange () and then select Flip Horizontal (
) or Flip Vertical (
).
Text can only be flipped vertically.

Select the resource, click Rotate () in the top-right corner of the selection box, and rotate the resource clockwise or counterclockwise. You can also specify the exact rotation of a resource in Settings (
) of the resource.


Placement Alert is located in the View menu ().
You can be alerted when a resource overlaps with another resource or crosses a boundary. For example, with this option selected, two overlapping tables or chairs placed too close to a door are highlighted in red.
With this option selected, you are not prevented from placing objects anywhere in the diagram.

Social Distancing is located in the View menu ().
To highlight resources that are not compliant with your social distancing guidelines, select this option and enter a minimal distance for chair spacing. You can then use the drop-down list to select Show no distance labels, Show only minimal distance labels, or Show all distance labels.

You can group resources together to move and edit multiple resources as one resource. Grouped resources can be ungrouped to manage each resource individually.
-
To group resources, multi-select the resources, click Arrange (
), and then click Group (
). All actions performed on a group apply to each resource within the group.
-
To ungroup resources, select the group, click Arrange (
), and then click Ungroup (
). You can then perform an action on an individual resource.
For more information on grouping resources, watch Select, align, and group objects.

Two options are available to decrease the time to update the diagram display.

Live Update is located in the View menu ().
With this option selected, the canvas is updated in real time when you move resources. The exact coordinates of those resources also display. This option is selected by default. You can clear this checkbox when moving many resources at one time. This option displays resources in less detail, resulting in a more responsive experience.
You can select your Live Update default setting in User preferences.

Sketch mode is located in the View menu ().
Sketch mode is used for resource groups created with the grow tool (). With this option selected, the outline of your resource group is simplified. You can then select an appropriate Sketch Detail level from the drop-down list. The higher the sketch Detail level, the more detail displays. You can use the Group Seating Objects option, in the Settings menu of a resource group, to further define the level of detail displayed.
You can press SHIFT+S to switch sketch mode on and off and press SHIFT+1, SHIFT+2, or SHIFT+3 to change the detail level.
You can select your sketch mode default setting in User preferences.

For better organization, you can label or number your resources.

-
Select the resource, and click Settings (
).
-
Enter a Label. The label displays on the diagram.
-
To edit the label, click Settings (
) and update the name, rotation, wrapping, and font properties of the label.
To hide the label, clear the Show Label checkbox in Settings ().

- Click the Tools menu and then select Number Stamp Tool (
). The Numbering window displays.
-
Enter a starting number and an increment and then click OK.
To skip certain numbers, enter them in the Skip Numbers field, separated by a comma.
- Click the first table, chair, or booth to assign your starting number.
-
Continue clicking resources to assign the next sequential numbers.
- Click the Number Stamp Tool (
) again to stop numbering.
To edit the number assigned to a resource, select it, click Settings () in the corner of the resource, and then edit the Number assigned.
To clear all numbering, click Clear (), and then click Clear Numbers (
).

Click the Tools menu and then select Dimension Tool (). Click the starting point on the canvas, drag to the end point, and release. When you use the Dimension Tool, consider the following:
- You can hold down the SHIFT key to draw horizontal, vertical, or 45-degree dimension lines.
- To manually set the dimension size, you can click Settings (
) and enter a distance under Line Size.
- Select Snap to Element under Settings (
) to attach the start and end points to a resource.
Walls and air walls do not display snapping points.
You might need to select Snap to Element again if the resource properties are changed.
- To change the font size, click Settings (
) and then select an appropriate Text Size.
- After you snap a line to an element, you can drag the dimension line, if needed. You might want to do this when the distance displays on top of resources.

-
To bring a resource to the front, select the resource, click Arrange (
) , and then click Bring to Front (
). Repeat this process until the resources display in the appropriate order.
-
To send a resource to the back, select the resource, click Arrange (
) , and then click Send to Back (
) . Repeat this process until the resources display in the appropriate order.

-
Click Undo (
) or press CTRL+Z to undo your last change.
-
Click Redo (
) or press CTRL+Y to restore your last undone change.

Select one or more resources to work with, and click Activate Subset mode (). This option updates your view so that only the selected resources can be manipulated. Click Exit Subset mode (
) to return to the normal view.
For more information on Subset mode, watch Subset mode.

In Diagramming growable resources are resources that can increase in number using the Grow () tool. For example, you can grow a chair into many rows of chairs. The growable resources are then grouped as one object. This option is found in the lower-right corner of an applicable selected resource. Not all resources are growable. For more information on growable drapes, rope and stanchions, and dance floor tiles, watch Grow function for drape, rope and stanchions, and dance floor tiles.

To adjust the distance between resources in the group, click Settings (). Then, click Distance and edit the values in the distance fields as necessary.
The fields that display depend on the type of resource within the group.

For better organization, you can assign a number to the resources in the group. To do so, click Settings () in the corner of the group, click Numbering, enter a Starting Number and Increment. To skip certain numbers, enter them in the Skip Numbers field, separated by a comma. Then, click Apply. Each resource within the group is assigned a number.
-
To edit the numbering of the whole group, return to Numbering in Settings (
) as needed.
-
To edit the numbering of part of the group, you need to ungroup the resources, select the part to renumber, and click Renumbering under Settings (
). After you update the numbering, you can regroup the resources again, if necessary.
-
To edit the numbering of one resource within the group, you need to ungroup the resources, select the resource to renumber, and enter a new value in Number under Settings (
). After you update the numbering, you can regroup the resources again, if necessary.

You can edit the arrangement of chairs and tables in a resource group. Click Settings () and then edit the available options as required. Available options might include Room Arrangement, Style, and Chairs per Table. The options that display depend on the resource selected and the values selected. For example, if Chevron is selected as the Room Arrangement, the option to adjust the Chevron Angle displays.
To change the arrangement of chairs at a table, see Chair arrangement tool.

On the drawing canvas, select an applicable resource, for example, tables, chairs, or dance floor tiles.
Click Grow() in the corner of the resource and drag outward or inward to increase or decrease the quantity of the resource.
Some resources, such as rope and stanchions and drapes, grow in length only.
Chairs can be grown manually by using the Chairs in a Row option, under Settings ().
This option is available on a single resource only, not after a resource has been grown.

If the Group Seating Objects checkbox is selected in automatic layout, then the full Settings menu is available for your seating groups in design mode. You can clear the Group Seating Objects checkbox if you do not want your seating resources to be grouped. To do so, select click Settings (), and then select or clear Group Seating Objects.
You can select your Group Seating Objects default setting in User preferences.

You can establish aisles within your group of growable resources. To do so, click Settings () in the corner of the resource group, and then click Aisles. Edit the quantity and distance of Center and Cross aisles. For more information, watch Aisles for grow objects.
Advanced aisle options are available when growing chairs. Click Settings () in the corner of the resource group, and then click Aisles. Select the Advanced Options checkbox to define the number of chairs between aisles and the Aisle Size.
Advanced options are unavailable for the Chevron and Staggered seating styles.

You can customize the arrangement of chairs at a table in a variety of ways. For more information, see Chair arrangement tool .

When you add the steps resource, you can display the number of steps included. By default, all stairs include four steps, but you can change this to accurately represent your space. To do so, select the steps resource, and click Settings (). Then, click Number of Steps to adjust the value. The number of steps value is limited based on the total height of the steps resource. You can adjust the height by selecting Size / Type and then selecting Custom.
3D renderings of steps always display the default 3D model selected in Resources. The default might not have the same number of steps as your diagram.
Learn more...
What's next?
Learn about keyboard shortcuts
How to create custom configurations
How to create a quick room plan from a diagram