Managing Canvases, Layers, and Objects in the Sidebar

The Sidebar is divided into four different tabs, with the Layers tab being the primary view. You use the Layers tab to keep track of the canvases, layers, and objects in your project, but there’s lots more you can do here; for example:

• You can use the Guides tab to add, position, and change the colors of ruler guides.
• You can use the Outline tab to enter structured, hierarchical outlines to create diagrams and flowcharts.
• You can use the Selection tab to view the objects in your project by a variety of styles, making it easier for you to mass-select objects and work on them independently from everything else on the canvas.

This chapter provides you with a thorough look at OmniGraffle’s new Unified Sidebar.

Along the top of the Sidebar, you’ll see four tabs for getting at every aspect of your project. By default, new projects expose the Layers tab in the Sidebar.

To switch between the different tabs, you can either click the buttons along the top of the Sidebar, or you can use the following keyboard shortcuts:

• Layers (Option-Command-2)
• Guides (Option-Command-3)
• Outline (Option-Command-4)
• Selection (Option-Command-5)

You have many options for hiding and showing the Sidebar:

• Click the Hide/Show Sidebar button in the toolbar
• Choose View ▸ Hide/Show Sidebar in the menu bar
• Use the Option-Command–1 keyboard shortcut

You can also choose to have more of a compact view in the Sidebar, which is particularly helpful when you have a project with a lot of canvases or layers. Control-/Right-click in the Sidebar, and choose Use small icons from the contextual menu that appears:

Use the Search field at the bottom of the Sidebar to isolate objects by a specific string of text. As you enter characters, OmniGraffle starts narrowing down the selection so you can find what you need, when you need it. Click the Search field’s magnifying glass to isolate the search criteria to text found in the object’s Name, Notes, Data, or Text, and to examine any recent searches you have conducted.

The following sections provide you with an overview of the four Sidebar tabs.

The Layers tab is likely where you will conduct most of your Sidebar-related work. The Layers tab lists everything in your OmniGraffle project: canvases, layers, and everything you’ve drawn on those layers.

Depending on which version of OmniGraffle you have—Standard or Pro—there are three different types of layers that you can add to your project:

• Standard Layer — The most basic form of Layer; every canvas you create has at least one standard layer. Standard layers are unique to each canvas in your project; meaning, their contents cannot be shared with other canvases.

When you look at the Layers tab in the Sidebar, you’ll notice a series of icons next to each layer. These icons provide you with a quick visual reference as to that layer’s current state.

Let’s take a closer look.

• Immediately to the left of the Canvas and Layer name is a square preview image. The Canvas Preview shows everything that’s on all visible layers in that canvas; the Layer Preview shows the objects on that particular layer.

• Each layer has a three icons to the right of the layer name:

  • Visible or Hidden: means that the layer is visible; a layer is hidden (not visible) when its icon is . Objects on Hidden layers are not visible in the Canvas Preview, but they are, however, visible on the Layer Preview. Additionally, hidden layers are not exported or printed.

  • Printable or Not-Printable: means that the objects on this layer are printable; or, not printable if you see this icon . In the Export panel, you can opt to allow non-printing layers to be included as part of the export.

  • Unlocked or Locked: indicates that the layer is unlocked and objects on that layer can be moved around. When the layer is locked , the objects on that layer cannot be moved and you cannot add anything else to that layer until the layer is unlocked.

• When you are working on a layer, the layer will have a to the left of its disclosure triangle. If the layer is locked and you select the layer, you’ll see , which indicates that you cannot add to or change anything on that layer until it is unlocked .

• If you have an object selected on an editable layer, the pencil gets a little object box around it .

There are many options for adding a new layer to a Canvas:

• Click the New Layer button in the toolbar
• Choose Edit ▸ Layers ▸ New Layer from the menu bar
• In the Layers sidebar, right-click on the Canvas and choose New Layer from the contextual menu that appears
• Right-click on the Canvas and choose Layers ▸ New Layer from the contextual menu that appears
• Click at the bottom of the Sidebar and choose New Layer from the Action menu

To move a layer from one canvas to another, simply click-and-drag the layer from one canvas to the next.

If what you want is a duplicate of the layer, do one of the following:

• Select the layer in question and choose Edit ▸ Layers ▸ Duplicate Layer
• Control-/Right-click on the layer and choose Duplicate Layer from the contextual menu that appears
• Control-/Right-click on the canvas and choose Layers ▸ Duplicate Layer from the contextual menu that appears
• Click at the bottom of the Sidebar and choose Duplicate Layer from the Action menu

If your project has multiple layers and you’d like to combine the shapes and objects on two layers onto a single layer, you can do that by selecting the layers and choosing Edit ▸ Layers ▸ Merge Layer Down.

As the menu option implies, OmniGraffle relies on the layer stacking order when merging layers. The layers must be on top of each other in the Layers sidebar; you cannot merge non-contiguous layers.

At left in the previous image, the objects on Layer 3 would merge down into Layer 2. However, if you were to choose Merge Layer Down with the selection shown on the right, Layer 5 would merge into Layer 4—and Layers 3 and 2 would remain unchanged.

To delete a layer from a Canvas:

• Select the layer in question and press the Delete key
• Select the layer in question and choose Edit ▸ Layers ▸ Delete Layer
• Control-/Right-click on the layer and choose Delete Layer from the contextual menu that appears
• Control-/Right-click on the canvas and choose Layers ▸ Delete Layer from the contextual menu that appears
• Click at the bottom of the Sidebar and choose Delete Layer from the Action menu

And remember, if you delete a layer by accident, you can always hit Command-Z to restore the layer.

These names are just placeholders, and they await your thing-labeling skills to assign them names that make sense for the project in which you are working. For example, to change the name of Canvas 1 to something else, double-click on the Canvas Name to make the name editable, and then enter something logical, such as Project Workflow or My Diabolical Robot.

The same theory applies to Layer Names; you’ll want to change the names of individual layers so that each one denotes its purpose in the project. For example, to change the name of Layer 1, double-click on the Layer Name to make the name editable, and then enter something logical, such as Basic Shapes or Left Foot.

And using a similar process, you can change the name of the shapes or objects on the layers of your project. No longer are you stuck with a project full of Rectangles; you can change those to Squares or Robot’s Big Toe, if you’d like.

If you enter a long name for something, as shown in the previous image, that’s okay. OmniGraffle truncates the name for display purposes only; however, the width of the sidebar is expandable. Click in the space between the sidebar and the canvas’s vertical ruler, and then drag left or right as needed.

Naming the canvases, layers, and objects helps you to quickly identify where things are in your project.

OmniGraffle comes with a full complement of guides that you can use to perfectly align objects on the canvas. There are Ruler Guides, Smart Alignment Guides, and Smart Distance Guides; however, only the Ruler Guides—the guides which you can drag onto the canvas from the left and top ruler bars—can be managed from the Sidebar.

You can use a combination of Ruler Guides and OmniGraffle’s Smart Guides to position and perfectly align objects on the canvas. To add a Ruler Guide to your canvas, click and hold on either the top or left ruler bar and then drag a guide onto the canvas.

You can also click the Action menu at the bottom of the Sidebar, and choose New Horizontal Guide or New Vertical Guide, depending on which one you need.

The Ruler Guides are bright pink by default, but you can change the color by clicking the pop-up menu to the right of each guide in the Sidebar. When you do, the Colors window appears, allowing you to change the color to anything you’d like.

There’s no limit to the number of Ruler Guides you can drag onto the canvas, so don’t be shy.

Okay, so you took our advice and you weren’t shy about using Ruler Guides. You’ve used plenty of them...and that’s okay.

But now you need to see what your masterpiece looks like without all of the guides in the way. Easy-peasy! To hide the Ruler Guides, click one of the rulers, and to make them reappear, click the rulers again.

However, Ruler Guides can be canvas-independent; meaning, you can have different Ruler Guides on each canvas.

Let’s say that you’ve been working on a project with multiple canvases, each with multiple Ruler Guides. You decide to copy a newly created shape to another canvas, and there’s a Ruler Guide that you’d like to go along with it. You could always drag out a new Ruler Guide on that canvas, but then you need to move it into position. Instead, you can select a Ruler Guide that exists on one canvas and drag it into the canvas that you’d like it on.

Likewise, as you enter text into an Outline, shapes are automatically created and connected on the canvas with a corresponding text label. To help facilitate the flow of creating an outline, however, you should turn on Auto layout in the Diagram Layout and Style inspector.

To create an entirely new outline, click the Action menu at the bottom of the Sidebar and choose New Topic.

While you work in the Outline tab, the following keys can be used to create and arrange items:

• Return — creates a “peer” of the currently selected item. Peers appear on the same indentation level in the outline, and, if they are beyond the top level, have connections from the same parent object in the diagram.
• Tab — indents the currently selected item, making it a “child” of the item above it in the outline. A connection line is drawn in the diagram from the parent object to the child object.
• Shift-Tab — outdents the currently selected item, making it a peer of what used to be its parent.
• Escape (esc) — switches between selecting an item and editing the item’s text.

You can rearrange items in the Outline tab by selecting and dragging the item to another location in the Outline. Dragging an item with children brings its children along for the ride. While you drag an item, a blue line shows the location and indentation level at which the item will be dropped when you let go of the mouse button.

A group, table, or subgraph on the canvas is shown as a single item in the Outline. To view the contents of the group, table, or subgraph in the Outline, you will need to ungroup those objects first.

While the Outline Editor is handy for quickly entering lots of information, an outline cannot always perfectly represent the relationships in a complicated diagram. Objects with more than one parent, lines connected to other lines, and circular ancestry are all examples of the kinds of things a simple outline can’t properly show. In these cases, the Outline tab tries its best to be accurate. If your diagram is not strictly tree-like, you probably shouldn’t rely too much on the Outline if what you need is a quick representation of the objects’ relationships.

The Selection tab gives you the ability to cloak or reveal the different elements in your project, making it easy for you to examine and apply styles to the objects in your project.

Along the top of the Selection tab, you will see a row of tiny Style Selection buttons that look oddly familiar. Each button corresponds to the styles you can set for the shapes on the Canvas.

All of these are on by default, and this gives you the finest level of granularity when evaluating your objects. But as you turn one—or all—of them off, you’ll notice that the previews in the Selection tab become more compact.

Beneath that row of tiny buttons, you’ll also find a pop-up menu, which lets you select individual canvases in your project, or All Canvases for getting the full scope of your project.