Using Templates and Diagram Styles

Conversely, a diagram style is more of a snapshot of the styles used in an OmniGraffle template that you can apply to your projects. Diagram styles allow you, for example, to quickly prototype something without having to worry about applying styles as you go, and to then sweep in at the end, apply the diagram style, and be done with your work.

This chapter introduces you to Templates and Diagram Styles, showing you how to quickly apply styles from an existing template to help speed up your workflow.

As noted earlier, the default template for OmniGraffle 7 is the Blank template. It’s pretty sparse, which is great when you’re just getting started. To choose a different template, rather than choosing File ▸ New to create a new document, choose File ▸ Resource Browser instead. The Resource Browser is kind of like an OmniGraffle-specific Finder, that gives you access to your OmniGraffle files, templates, and stencils.

After opening the Resource Browser, you can either click the Templates heading in the sidebar to view all of the available templates, or select one of the folders for something more specific to the project you plan to work on.

To learn more about a particular template, first click to select a template from one of the folders, and then click in the Resource Browser’s upper-right corner. This button opens an Info pane along the right side of the Resource Browser that displays additional information about the selected template.

The Info pane displays a preview of the template, along with additional information about the template’s settings, including whether auto-layout is on or off, the dimensions of the canvas, the units of measurement, and whether snap to grid is on or off.

To open a new OmniGraffle project using the selected template, click New Document. Or, if you’d like to change the default template to something else, click Set as Default.

When you change the default template, the area beneath the template preview lets you decide what happens when you choose File ▸ New (or press Command-N) when creating a new document:

You can choose from:

• Open the Resource Browser, which opens the Resource Browser window so you can choose a file, another template, or stencil to work on; or,
• Use the Default Template, which applies the default template to your OmniGraffle project when you click New Document in the Resource Browser’s window.

1. Choose File ▸ Resource Browser.

2. Control-/Right-click the template that you want to edit, and then choose Edit if you want to edit and save the template file, or choose Edit a Copy from the menu:

   

   • If you choose Edit, the template file opens for you to work on. Once the template is open in OmniGraffle, you can work on it just like you would with any other project. When you have finished making your changes, saving the file overwrites the original file in the Templates folder.

   • If you choose Edit a Copy, the contents of the template file are placed in a new, Untitled template file. When you’ve finished making your changes, be sure to give this template file a different name than its predecessor so you don’t overwrite the original.

• Place Ruler Guides on the canvas so you don’t have to recreate these for every project that uses the template
• Turn on Auto layout in the Diagram Layout inspector
• Choose a default line type in the Line inspector
• Specify an Infinite Canvas in the Canvas Size inspector
• Set a background color or an image to use on the canvas in the Canvas Fill or Background Image inspectors
• Choose how projects that use this template are saved in the Format inspector
• Enter information about the project file in the Document Data inspector
• and more!

When you save the template, OmniGraffle places the file inside the app container’s Templates folder, or you can select one of the subfolders (or create a new one) in which to store your templates.

To view your template, choose File ▸ Resource Browser (Shift-Command-N), and choose the folder in which you saved your template. If you didn’t select a subfolder within the Templates folder, select the Miscellaneous folder in the Resource Browser’s sidebar, and then select your template.

If you want to set your newly-created template as the default, click Set as Default, and then choose one of the two options for what happens when you choose File ▸ New, as shown earlier.

The Templates folder lives deep within OmniGraffle’s container, but there’s a quick way to get to the Stencils folder from within OmniGraffle. Follow along...

1. Choose File ▸ Resource Browser, or use the Shift-Command-N keyboard shortcut to open the Resource Browser.

2. In the Resource Browser, select any template, then click the Gear menu and choose Show in Finder:

   

   This opens a Finder window with that particular template selected:

   

3. With the Finder window selected, choose View ▸ as Columns (Command-3).

4. Scroll the Finder view backward until you see the Templates folder; click to select the Templates folder:

   

5. With the Templates folder selected, choose File ▸ Add to Sidebar (Control-Command-T). This adds a shortcut to the Templates folder in the Favorites section of the Finder’s sidebar.

   

Now when you need to export an OmniGraffle file to use as a Template or Diagram Style, you can choose the Templates folder in the Favorites list on the left side of the save sheet.

The other benefit of knowing where the Templates folder is on your Mac is so you can quickly add subfolders to organize your Templates and Diagram Styles, as well as rename or delete templates, too.

Still confused? Don’t be. Let’s explore this further...

1. Choose File ▸ Resource Browser (Shift-Command-N)
2. In the sidebar under Templates, select Diagrams and then select the Lines template:

As you can see by looking at the Lines template’s preview in the Resource Browser, this particular template has a black background and a tree of colored lines with labels to denote a diagram’s hierarchy. If you click New Document, OmniGraffle opens a new Untitled document window using the contents of the Lines template, including the diagram that is part of the template.

Now, you might be thinking, "Why would I want to open a project with stuff already on the canvas?". You probably wouldn’t want to, and there’s nothing that’s stopping you from selecting everything that’s on the canvas, pressing Delete and starting with a clean slate. But...

...there may be times when you actually want the stuff that’s already on the canvas. But more importantly, when you create a new document that uses one of the templates in the Diagrams folder, what you are essentially getting is a pre-styled diagram. However, now you have to change all of the labels, and that kind of work can be tedious.

Instead, what you really want is to apply the styles from one of the templates in the Diagrams folder to a diagram that you are already working on. Here’s how you do that:

1. Choose File ▸ New from the menu bar.

2. Use the Outline tab in the Sidebar to create the structure for your diagram.

   

   The diagram in its current state doesn’t really look like much; certainly not something that would impress your boss or friends. At this point, you have two options:

   1. Style objects individually (see Diagramming Basics), which could take a little while; or,
   2. Apply a Diagram Style to the diagram.

   Let’s go with Option 2.

3. Choose Format ▸ Choose Diagram Style, this opens a sheet displaying the available Templates in the left sidebar.

4. Select the Diagrams folder in the left sidebar, and then click to select the Lines template.

   

5. Click Apply to apply the styles from the Lines template to the objects in the diagram:

   

When you apply a diagram style, the items of the diagram are styled to match the template’s styles for shapes, connection lines, text objects, and automatic layout settings. If your diagram has more levels than in the template you have applied, the deeper items use the styles of the deepest level of the template’s style.

1. Start by opening the Resource Browser (Shift-Command-N), and choose Diagrams in the Templates section of the sidebar:

   

2. Control-/Right-click on the template that you would like to customize, and choose Edit a Copy from the contextual menu that appears:

   

   This opens a copy of the template file so you can change things up and then save it as a different file name.

   

3. Change the styles. For example, with the Lines template, you could change the background color, the font and text styles used for the object labels, balance out the object styles so everything at the same hierarchical level has the same style properties, and more.

4. When you have finished, save the template as a different filename. Templates are saved by default to the Templates folder; however, you can click the Where pop-up menu to select a subfolder within the Templates folder (such as the Diagrams folder), if you’d like.

   

You can double-check your work by going back to the Resource Browser and selecting the folder in which you saved the template, or you can put it to use by applying the template’s diagram styles to an existing project.