Managing Files with the Document Browser

In developer circles, OmniGraffle is known as what’s called a document-based application, which in non-nerdy language means: “This app creates and manages files.” And as a file-creating application, we need to provide a way for you to manage and organize your files. We call this the Document Browser.

Note
If you are familiar with the Mac, think of our Document Browser is analogous to the Finder. You use the Document Browser to organize and access your OmniGraffle documents.

This chapter provides you with an overview of OmniGraffle’s Document Browser, and shows you how to manage the files you create. You’ll learn how to create subfolders, move files around between the Local Documents folder and a folder in the cloud, as well as sharing and trashing files that you no longer need.

Let’s go!

Getting Acquainted with the Document Browser

When you first open OmniGraffle, you’re taken to the Locations screen which is the place you go to access all of your documents. There is a Local Documents folder, which we’ve preloaded with some sample OmniGraffle files that you can use as inspiration for the documents you’ll create.

The Local Documents folder; tap to see whats inside

Note
When you configure a Cloud Account, such as a free Omni Sync Server account (or connect to any WebDAV service you’ve subscribed to), you’ll also see a folder for that as well. See Working in the Cloud for details on how to use OmniPresence or connect to another Cloud Storage Provider.

Tap Local Documents to see what’s inside this folder:

The files inside the Local Documents folder

If you swipe down while viewing the contents of a folder, you’ll discover the super secret Document Organizer. By default, OmniGraffle sorts your files by the date created and displays any OmniGraffle diagrams in that folder. You can opt to sort by Title instead, or view the available Stencilsf or Templates.

Pull down on the screen to find the Document Organizer

Tap Show stencils to see the available stencil collections included with OmniGraffle. For an example of how to use the stencils, see Drawing Basics.

Pull down on the screen to find the Document Organizer

Tap Show templates to see the available templates. Take some time to scroll through the list of templates to see the types of document styles available to you. When you’ve finished, tap on Show diagrams. To hide the Document Organizer, swipe up.

Tap Show templates to see the available templates

Doing More with Your Files

The Document Browser isn’t just about sorting files and organizing templates; it offers so much more. When you have chosen a folder in which to create a new file or open an existing file, you’ll notice that the navigation bar at the top of the screen gains a few more options.

Highlighting the various elements in the Document Browser's navigation bar

Let’s examine these items:

  1. Locations: Tapping here takes you backwards in the folder hierarchy, eventually landing you on the Locations screen.
  2. Current Folder: In the center of the navigation bar, you’ll see the name of the current folder.
  3. Document Type: As you saw earlier, swiping down within the Document Browser reveals the Document Organizer. If the organizer is set to Show outlines, the text shown here is “Outlines”; if the organizer is set to Show templates, the text here is “Templates”.

    Note
    When in portrait mode on iPhone, the Current Folder and Document Type appear beneath the navigation bar, and above the files within that folder.

    Location of the Current Folder name and Document Type, as shown on iPhone
  4. Add symbol (New Diagram/Template): Tap the plus-sign button to create a new diagram, template, or stencil.
  5. Gear (Application Menu): Tap the Gear icon represents the Application Menu.

    If you haven’t upgraded to OmniGraffle Pro, you’ll see two additional options in the Application Menu: Try Pro Features and Upgrade to Pro. The upgrade to OmniGraffle Pro is available via in-app purchase, and we’ve built in the Try Pro Features option so you can take OmniGraffle Pro for a spin before deciding whether you need the upgrade.

    The Settings Menu

    After upgrading to OmniGraffle Pro, the Application Menu changes to the following:

    The Application Menu after upgrading to OmniGraffle Pro

    You’ll also receive a nice little message from us, thanking you for upgrading to Pro:

    Thank You for upgrading to OmniGraffle 2 Pro
    • About OmniGraffle About OmniGraffle: Discover details about the build of OmniGraffle installed on your device, and details for contacting The Omni Group.
    • View or download OmniGraffle's Help documentation OmniGraffle Help: Get access to the online help and EPUB manual for how to use OmniGraffle.
    • Send Omni an Email Contact Omni: Tap this item to send us an email. We preload the Subject line of the message with details about your build of OmniGraffle, that way we are better able to assist you when you contact us.
    • Read OmniGraffle's Release Notes Release Notes: Find out what’s new with the latest build of OmniGraffle.
    • Restore Samples icon Restore Sample Diagrams: You can delete the sample diagrams if you would like to free up some storage space on your device. However, if you later decide that you need one of those sample files back, tap here to view the list of available diagrams and then choose which one you would like to restore.
    • Pro Purchase Try Pro Features: Choosing this menu option opens a window within OmniGraffle so you can try out OmniGraffle Pro’s features before purchasing the upgrade. (This option is only available if you haven’t purchased the upgrade to OmniGraffle 2 Pro.)
    • Pro Purchase Upgrade to Pro: Choosing this menu option takes you through the process of purchasing the Pro upgrade. (This option is only available if you haven’t purchased the upgrade to OmniGraffle 2 Pro.)
    • Import icon Copy from WebDAV: Tap here to import files stored in a WebDAV service.
    • Import icon Copy from...: You will only see this option if you have turned on the BETA feature, Use Cloud Storage Providers, in the Settings menu.
    • OmniGraffle's settings Settings: Use this screen to customize OmniGraffle’s Settings. You can choose to Send Anonymous Data to Omni, and you can opt to turn on the BETA service that provides access to Cloud Storage Providers, such as iCloud Drive, Box, Dropbox, and more.
      The Settings screen
  6. Select: The final option, Select is the most-used item in the navigation bar. Tapping Select allows you to choose files so you can do other things with them, such as move them from one folder to another, email a file to a coworker, or duplicate a file.

Tip
As an alternative to tapping Select whenever you need to do something with a file, tap and hold a file for a couple of seconds. When you see the blue highlighted border around the file, remove your finger and then tap to select other files or tap one of the icons in the navigation bar to perform an action.

When you tap Select, the navigation bar turns into an Action Bar. At first, the buttons you see in the Action Bar are disabled (as noted by their gray color), but when you tap to select a file, those buttons become active (changing from gray to blue).

the action bar

The following buttons relate to the actions you can perform on a selected file:

  1. Tap share icon to share and export files.
  2. Tap folder icon to move files between folders or to create a new subfolder.
  3. Tap duplicate icon to make a copy of the selected file.
  4. Tap trash icon to move the selected file to the Trash folder.

These functions are described more in-depth in the sections that follow.

Sharing and Exporting Files

Every now and then, you may find that you need to share an OmniGraffle file with someone else, or that you need to get it to them in some other format. For all your file-sharing and -exporting needs, we present you with the Actions menu. You’ll find the Actions menu in two places within OmniGraffle:

  • the Action Menu icon — available in the Document Browser’s Action Bar after tapping Select, and then tapping to choose a file (or files) that you want to do something with:
    The blue Action menu icon is found in the Document Browser's Action Bar
  • The Green Action Menu icon — located in the toolbar of any open OmniGraffle document:
    The green Action menu icon is found in the toolbar of any open OmniGraffle file

Tapping either of those icons opens the Actions sheet, which, depending on your device and how you’re holding your iOS device, either appears as a dangling menu (iPad and iPad Pro, at top), or as a sheet that slides up from the center of the screen (iPhone 6/6S Plus, middle), or takes over the entire screen (iPhone 5/5S, iPod touch, at bottom).

The Actions menu as it appears on iPad
The Actions menu as it appears on an iPhone 6 Plus in landscape orientation
The Actions menu as it appears on an iPhone 6S in landscape orientation

The items in the Actions menu are pretty much the same, regardless of where it is accessed; however, the one change comes into play when you are either working on or trying to share a Stencil file.

OmniGraffle Standard can export to the following file types:

  • OmniGraffle documents (.graffle)
  • OmniGraffle Stencil files (.gstencil)
  • OmniGraffle Template files (.gtemplate)
  • OmniOutliner 3 document (.oo3)
  • PDF (.pdf)
  • PNG image file (.png)

In addition to the previously mentioned file types, OmniGraffle Pro users can export files in Microsoft Visio XML Drawing format (.vdx).

The items you’ll find in the Actions menu include:

  • An envelope used to represent Send via Mail — lets you choose a document format for the file you want to email, and then queues up an email message for your to send.
    Choose the document format you would like to send as an email attachment.
  • A diagonal line with an arrow, pointing to the inside of a square Export to WebDAV — lets you move the file over to a WebDAV share. If you haven’t already configured a WebDAV account, you’ll need to do that before you can export the file.
  • A diagonal line with an arrow, pointing to the inside of a square Export to... — is only available in this menu if you have turned on the BETA feature, Use Cloud Storage Providers in OmniGraffle’s Settings. For more information about storing OmniGraffle files in the cloud, see Working in the Cloud.
  • A square with two arrows pointing outward from the upper- and lower-right corners Send to App — lets you open the file in a compatible app on your iPad, or, if you are on a Wi-Fi network with someone you know, you can share the file with another iOS 8 device or Mac using AirDrop.
    Share with another app

    First choose a Format, and then choose an app on your device that you would like to send the file to. Optionally, you can also send the file to another person via AirDrop.

    Choose an App or AirDrop
  • Two overlapping rectangles used to represent a picture; the top rectangle has a plus sign on it Copy as Image — Copy the contents of the currently selected OmniGraffle file as an image. This allows you to then paste the image into another document.
  • A flower-like image, comprised of interlocking ellipses Send to Photos — Instantly export a version of the OmniGraffle document as an image and save it to the Photos app on your device.
  • A printer Print (Landscape/Portrait) — If you have an AirPrint-compatible printer on your Wi-Fi network, you can print the selected OmniGraffle file. The orientation of how the document is printed, however, is based on how you are holding your iOS device.

    The initial print screen allows you to choose a printer and set the number of copies of the document you would like to print. If you haven’t previously set a default printer for OmniGraffle to use, tap Select Printer.

    The Print Settings Screen

    After tapping Select Printer, choose a printer on your network, and then tap Printer Options in the navigation bar to return to the previous screen.

    Select a Printer

    With a printer now selected, tap Print to print the file.

  • Two overlapping document icons with an arrow pointing from the top document to the one below Create Stencil from Diagram — Choosing this option exports the current (or selected) file as an OmniGraffle Stencil file (.gstencil).

    After creating the Stencil file while in the Document Browser, OmniGraffle switches you from viewing your diagrams, to showing you the available stencils on your device.

    When creating a stencil from a file you are working on, OmniGraffle displays a message onscreen to let you know that the template file has been created.

  • Two overlapping document icons with an arrow pointing from the top document to the one below Create Template from Diagram — Choosing this option exports the current (or selected) file as an OmniGraffle Template file (.gtemplate).

    After creating the Template file while in the Document Browser, OmniGraffle switches you from viewing your diagrams, to showing you the available stencils on your device.

    When creating a template from a file you are working on, OmniGraffle displays a message onscreen to let you know that the template file has been created.

If you are creating a Stencil, or have selected a Stencil file in the document browser, there is one additional item in the Actions menu: Submit to Stenciltown (the icon found in the Actions menu for Submit to Stenciltown).

The Actions menu, opened when working in a Stencil file

Stenciltown is an Omni-curated, user-supported website and repository for OmniGraffle stencils. This means that, if you have a really cool stencil you’d like to share with other OmniGraffle users, you can tap Submit to Stenciltown, and then upload your stencils to Stenciltown.

To submit stencils to Stenciltown, you’ll need to create an Omni ID and set a password on the Stenciltown website, and then use those credentials within OmniGraffle to upload your stencils.

For more information about Stenciltown, see Using and Creating Stencils, later in this book.

Creating Subfolders

To help you better organize your files, you can also move files to other folders or create subfolders that contain similar documents. Tap Select, and then choose the file (or files) you would like to move. Tap folder icon in the Action Bar to move a file to another folder, or to create a new subfolder containing the selected files.

Tap the folder icon in the navigation bar to move a file to another folder, or to create a new subfolder containing the selected files.

Tap New folder to create a new folder containing the selected file. The file is moved out of the current folder into a new Untitled subfolder. Enter a new name for the folder and tap Done.

Give your new folder a name that acurately descrivbes its contents.

Subfolders have a dark gray background and show mini icons for the files contained within.

Tap to open the subfolder and then tap on the file you'd like to open in OmniGraffle.

To open a file within a subfolder, tap the folder to open it, and then tap the file.

Tap to open the subfolder and then tap on the file you'd like to open in OmniGraffle.

When you remove all of the files from a folder, either by moving them to the trash or to another folder, that folder disappears automatically. The exception to this rule, however, is the Local Documents folder and the root folder for any Omni Sync Server accounts or WebDAV servers which you have added as Cloud Accounts. Those are the only folders that can remain empty on your device.

Moving Files Between Folders

Once you get the hang of creating subfolders, you should be well on your way to devising ways to better organize your OmniGraffle files. Website wireframes here, iOS app wireframes there, and so on.

Regardless of how you decide to organize your folders, you’ll inevitably get to a point where you want to move files between the folders you have created. Or, you may decide that you want to free up the storage space on your iPad or iPhone and shift all of your files from the Local Documents folder to a folder on Omni Sync Server.

To move files from one folder to another, follow these steps:

  1. In the navigation bar, tap Select
    Tap Select in the upper-right corner of the screen
  2. Tap to select the files you want to move. When you select a file, a blue border appears around the file. If you tap a file by mistake, just tap it again to deselect that file.
    Tap Select in the upper-right corner of the screen
  3. In the navigation bar, tap folder icon to open the Folder menu.
  4. Tap Move to to move the selected file to another location.
    Tap Select in the upper-right corner of the screen
  5. In the Folder menu, tap the name of the folder to which you want to move the selected file. If you see a ❯ symbol to the right of a folder name, that means the folder has subfolders within.
    Tap Select in the upper-right corner of the screen

    After you select the folder, the file makes the jump from the current folder to the folder you’ve chosen.

  6. Tap Done when you have finished moving files out of the current folder.

Need to move more files around? Go back to the Locations screen, tap to open another folder, and then repeat the aforementioned steps.

Copying Files

You may not need to copy files all that often, but when you do, the Document Browser can help you with that, too. From the Locations screen, select the folder that contains the file you’d like to copy, and then follow these steps:

  1. Tap Select and then tap to select the file you’d like to copy:
    Selected files are highlighted with a blue border
  2. In the Action Bar, tap duplicate icon. OmniGraffle makes a copy of the selected file and places it next to the original, adding a number to the filename; for example, a copy of Pretty Flowers would be named Pretty Flowers 2.
    Press the Duplicate icon to make a copy of a file
  3. After copying the file, chances are that you will want to rename that file to something more unique and fitting of its purpose. Start by tapping the filename of the file icon. The keyboard on your device comes into view so you can edit the filename. You can also tap the × to clear out the old title before you start entering a new title.

    Clear out the old title
    Enter a new title in the field
  4. When you have finished entering the new filename, tap Done to accept the name.
    Tap Done to accept the filename changes

Taking Out the Trash

Every now and then, you’ll find that it’s time to do a little housecleaning in OmniGraffle. Your early attempts at drawing with Bézier curves has just been lying around taking up space, so it’s time to dump that file into the trash and purge it from your device forever (or from your synced Cloud Account, if you have one of those configured).

Fortunately, deleting files from OmniGraffle is pretty easy. When viewing a folder of documents, tap Select in the navigation bar at the top of the screen. Then tap on the document you’d like to delete; you’ll see that the file now has a blue highlight around it.

Select the file you want to discard of.

Tap the Trash icon in the navigation bar to move the document to the Trash.

Tap the Trash and then select Move to Trash from the popup menu.

If you tap Locations in the navigation bar, you’ll see a Trash folder in your list of OmniGraffle folders. Right now, the file is still on your device, it’s just inside the Trash folder.

After moving a file to the Trash, the file still remains on your device; its just in the Trash folder

Tap to open the Trash folder.

Tap the Restore button, or on the document itself, to move the document out of the Trash and back to a location where you can continue working on the file.

Finally, if you really are sure that you no longer need this file, you have a couple options for emptying the trash:

  • Tap Empty Trash at the bottom of the screen to permanently remove all of the files in the Trash folder.
    Select a file and tap the Shredder icon to delete the selected document, or tap Empty Trash to delete everything in the Trash
  • If you have multiple files in the Trash but you think you might not want to get rid of all of them just yet, you can select the only the files you know need trashing. Tap Select in the Action Bar, and then tap to select the files you want to delete. Next, tap shredder icon (shred), and then tap Delete Document at the bottom of the screen to delete the selected file.
    Example of using the Shredder to delete files

The difference here is that tapping Delete Document only deletes selected files whereas tapping Empty Trash deletes everything in the Trash folder, regardless of whether any files have been selected.

Note
The Trash folder is only available on the Locations screen when it contains something. If you’ve emptied everything from the Trash, that folder disappears until you delete something else. This same principle works for all folders; an empty folder just disappears. The difference is that you don’t have to create and name the Trash folder.

Now that you have a firm grasp on how to use the Document Browser, it’s time to expand your horizons and start working on your first OmniGraffle document.

Before moving on, though, take some time to practice moving and copying files, and try creating a few subfolders to organize your files. It’s also worth noting that you can move a file out of the Trash and back into another folder, so go ahead and try that after duplicating one of the templates.

Catch you in the next chapter.