MockupUI Reference Manual

Contents

• About the manual
• What is MockupUI
• What's new

User interface

• Menu and toolbar
• Design browser
• Design area
• Toolbox panel
• Parameters panel
• Keys and mouse

UI widgets

• Common UI widgets
• Table widget
• Tree widget

Graphic widgets

• Image widget
• Clipart widget
• Graphic text
• Shape widgets

Working with widgets

• Adding widgets
• Adjusting widget geometry
• Changing widget properties
• Re-ordering widgets

Annotations

• Adding notes
• Formatting notes
• Exporting notes

Visual styles

• Selecting a style
• Native styles
• Wireframe style
• Dark style

Templates

• Creating templates
• Using templates
• Sharing templates

Exporting

• Copy to clipboard
• Exporting screenshots
• Exporting documentation
• Exporting presentations
• Printing

Projects

• Creating a new project
• Opening a project
• Saving a project
• Closing a project

Setup

• Installing MockupUI
• Purchasing MockupUI
• Activating MockupUI

Help

• Help Menu
• Getting more help

Printing

MockupUI allows you to print designs and annotations as full UI specification documents or as slides containing design screenshots only.

Select File > Print or click the Print tool button.

Print dialog

A dialog box will open allowing you to select the printer, the page range you want to print, a scaling method, orientation and page margins. Click Ok to open the Print preview window.

Pages

Selects the designs to print.

• All: All designs in the project.

• Current: Exports only the currently selected design.

• Range: Specifies a range of designs to be exported.

Document Title

Specifies the title that will appear in the header of the pages.

Page Size

Specifies the page dimensions by choosing from a list of common formats or enter a custom size in millimeters.

Orientation

Selects the page orientation (portrait or landscape).

Export annotations

Specifies if the annotations should be printed. If not ticked, only images will be printed.

Margins

Sets the page margins in millimeters.

Print preview

The print preview window is where you can see how the content will be printed and to send the document to the printer.

Use the toolbar at the top of the window to:

• Zoom the preview area to a full page size or page width.

• Zoom the preview area to a desired scale.

• Navigate through the pages.

• Show one page, facing pages or an overview of all pages.

• Set up page properties (page size, paper source and orientation).

• Click the Print button to send the document to the printer.