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

UI widgets

This section lists the available desktop UI widgets ranging from basic buttons and labels to tables and trees.

Common widgets

Window: Window widget with control buttons and a menu bar. Menu : Menu widget to use with menu bars or as pop-ups. Toolbar: Toolbar widget with control buttons. Group : Grouping frame with a title. Tab: Stack of tabbed panes. Button: Standard command button. Checkbox: Check box with a text label. Radio: Radio button with a text label. Slider: Horizontal slider. Label: Static text on single or multiple lines.

Hyperlink: Hyperlink widget. Text field: One-line text editor. Spinbox: Spin box widget. Combobox: Drop down list. List: List of selectable text items. Tool box: Column of collapsible items. Text area: Rich text editor with custom font, size, color and alignment. Dial: Rounded range control similar to a potentiometer. Progress bar: Horizontal progress bar. Calendar: Calendar widget.

Table widget

Draws a UI table widget. Find out how to

• Populate tables with data in a CSV format.

• Add buttons, comboboxes, checkboxes, icons and hyperlinks to cells or entire columns.

• Highlight or disable individual table cells.

Tree widget

Design simple trees or multi column tree tables.

• Add content to trees and tree tables by simply indenting CSV lines.

• Easily add buttons, comboboxes, checkboxes, icons and hyperlinks to items or columns.

• Tick/untick cell checkboxes individually.

• Highlight or disable individual tree items.