About the Space Editor
  • PDF

About the Space Editor

  • PDF

The Space Editor is where you build a virtual model of your space. Most of your day-to-day work occurs here, so becoming familiar with the interface and its components is beneficial. Click on a number on the below image to learn more.


1. The Background Area

The background area displays the PDF contents of your space. This area is where you will add your boundaries, xyicons, and markups. If you have more than one version of the background, you can switch between them on the Layers Panel to compare the different versions.

How to Switch between Different Spaces

The Space Selector field located on the SpaceRunner Header (highlighted below) lists the active portfolio's spaces. Click on the field to quickly access different spaces. If a space has multiple versions, the latest version will be displayed by default. If you need to view other versions of the space, use the Layers Panel.


2. Navigator Panel

The Navigator Panel provides an easy way for scrolling and zooming in and out of the space background. 

1 - Background Overview - As the name suggests, this area provides a small overview of the space background. You can get a birds-eye view of where you are on the space in tandem with the Viewport.

2 - Viewport - The Viewport (denoted by a blue rectangle) shows your location on the background at the current zoom level. The Viewport's size will change when you zoom in and out of the background area. Drag the Viewport to the desired location on the Background Overview to quickly scroll through the background area.

3 - Set Zoom Level - Use the slider (or buttons) to increase or decrease the background's zoom level. The Current Zoom (#7 in the image) displays the percentage value of the zoom.

4 - Show/Hide Navigator Panel - Shows or hides the Navigator Panel.

5 - Full Screen - View the Space Editor in full-screen mode. To exit, press the Esc key.

6 - Fit to Screen - Resets the current zoom level so that the entire background fits within the screen. If you are in 3D mode, clicking on this button will take you back to 2D mode. 

7 - Current Zoom - Displays the current zoom level of the background. Clicking this button restores the zoom level to 100%.


3. Space Editor Toolbar

The Space Editor toolbar includes all the tools needed to work with the Space Editor. For a more detailed description of specific tools, click on the respective link.

1 - Selection Tool - Contains a set of tools for object selection. The tool can also be used to pan and reposition the background.

2 - Boundary Tool - Opens the Boundary Panel, which displays the list of boundary types you can use to draw boundaries on the space.

3 - Catalog - Opens the Catalog Panel, which displays a list of catalog items. These items are defined in the CATALOG module. Drag and drop a catalog item on to the background area to create individual xyicon objects on your space. 

4 - Markup Tool - Opens the Markup Toolbar, which includes a set of tools you can use to annotate your space


4. View Bar

The  View Bar of the Space Editor contains options to curate and select the information you see on your space.

1 - View Selector - Displays a list of available views. Additionally, you can create new views, share views with other users, and set views as favorites

2 - Layer Selector - Opens the Layers Panel, where you control the visibility and locked state of the objects available in the current view.

3 - Captions - Opens the Captions Panel, where you manage the objects' captions on the space. 

4 - Export Space - Displays a list of options for exporting. Available options are Export to PNG, Export to JPG, and Export to PDF.


5. Action Bar

The Action Bar is displayed when you select an object on your space, be it a xyicon, boundary, or markup.

Action Bar for Boundaries and Markups

1 - Edit - Used to edit boundaries and markups.

2 - Rotate - Used to rotate the selected boundary or markup.

3 - Delete - Deletes the selected boundary or markup.

4 - Options - Displays other options for the selected boundary or markup.

Action Bar for Xyicons

1 - Link - Used to create links between xyicons. 

2 - Rotate - Used to rotate the selected xyicon.

3 - Delete - Deletes the selected xyicon.

4 - Options - Displays other options for the selected xyicon.


6. Side Panel

1 - Xyicons Tab - Lists all the xyicons inside the space. 

2 - Boundaries Tab - Lists all the boundaries inside the space. 

3 - Filter Tab - Used to filter the objects displayed on the space. 

4 - Details Tab - Used to display and edit details of the selected objects. 


Was this article helpful?

What's Next