MockupScreens Online Help

Tutorials

• Getting Started

  Start Sketching Mockups in Minutes
  Sketch a Screen
  What Next?
  – Skins Example
  – Annotations in a Slideshow Example
  – Export to PDF Example

  Read more

• Masters

  Create a Master
  Create Empty Screens and Apply a Master
  Add Widgets to Screens
  Make Changes on the Master
  Changes Propagate to All Derived Screens

  Read more

• Exports: Generate a Specification

  Create and Annotate Screens
  Export Project to PDF
  Generated PDF

  Read more

Frequently Asked Questions

• Trial Version

  How to Download
  Installation
  – Windows
  – Mac
  – Portable (ZIP) version
  How to Uninstall
  – Windows
  – Mac
  – Portable (ZIP) version
  Trial Limitations

  Read more

• System Requirements

  Windows
  Mac
  Portable (ZIP) Version

  Read more

• Making a Purchase

  Available Packages
  Making a Purchase
  Registering Your Version
  Checking Your License and MockupScreens Version

  Read more

• Getting Help

  Online Help
  Sending Feedback
  Contacting Support
  Sending Log Files
  Sending Crash Logs

  Read more

• After the Purchase

  Checking for Updates
  Upgrading to newer version
  Transferring License to a Different Computer
  Using MockupScreens on Both Home and Office Computer

  Read more

• Terms and Privacy

  End User License Agreement
  Privacy Policy

  Read more

Common Tasks

• Editor

  Main screen
  Snap to Grid
  Zoom Function
  Resizing or Hiding Main Screen Panels

  Read more

• Working with Widgets

  Adding Widgets
  Display a Widget as Disabled
  Selecting Multiple Widgets
  Copy-Pasting Widgets
  Grouping / Ungrouping Widgets
  Changing Z-order: Send to Back / Bring to Front
  Distribute Widgets Evenly
  Aligning Widgets to Each Other
  Resizing Widgets to Same Width or Hight
  Fit Widget Size to the Text it Contains
  Checking and Setting Widget Geometry
  Locking ... Read more

• Skins

  Switching Skins
  Black & White Skin
  Mac and Windows Skins
  Web Skins
  Customizing an Existing Skin
  Creating Your Own Skin
  – Skin Mechanism
  – Basic Structure
  – Skin XML Format
  – BaseWidget
  – Compound 8+1 Image
  – Compound Image Attributes
  – Extra Widget Tags
  – Creating New Skin

  Read more

• Links / Interactivity

  Links Add Limited Interactivity to the Wireframe
  Adding and Removing Links
  Links in Slideshow
  Links in HTML Export

  Read more

• Printing

  Print a Whole Project
  Print a Scenario
  Printing in Landscape for Greater Detail
  Print Options and Settings
  – Print Options Dialog
  – Print Settings

  Read more

• Search / Replace

  Search Text in Multiple Screens
  Search in Both Widgets and Comments
  Replace Text

  Read more

• Working with Images

  Adding Images with Image Widget
  Pasting an Image from Another Program
  Exporting an image from the Image widget

  Read more

• Screen Tree

  Adding New Screen
  Create a New Group / Scenario
  Moving and Copy / Paste
  Copy-Pasting a Screen Together with Its Annotations
  Reordering and Rearranging Screens
  Filtering and Finding Screens
  Copy-Pasting Whole Scenarios

  Read more

• Texts and Labels

  Formatting Texts and Labels
  Free Text Formatting
  Fit to Text
  Word-Wrap
  Generating Dummy “Lorem ipsum” Text

  Read more

• Masters

  Masters are like Templates
  Changes are Automatically Applied to All Child Screens
  Creating and Applying a Master
  Identifying Screens Derived from Masters

  Read more

• Exporting Images

  Copy Screen to Clipboard
  Save Snapshot to File
  Image Export Options
  Available Image Formats
  Export Whole Project as Images

  Read more

• Annotations / Comments

  Using Comments to Annotate Your Mockups
  Entering Comments
  Comments’ numbers
  General Comments
  Formatting Comments
  Reordering Comments
  Comments in Exported Documents
  Turning Comments On or Off

  Read more

• Exports / Generate Documentation

  Export to Word
  Generate PDF
  Generate HTML
  Generate Single-Page HTML
  Document export options
  HTML Export Options

  Read more

• Collaboration

  Interoperability between Mac and Windows
  File Locking
  Exporting and Importing Scenarios
  – Export a Scenario
  – Import a Scenario

  Read more

• Slideshow

  What a Slideshow is Good for
  Starting the Slideshow
  Navigating Screens in a Slideshow
  Slideshow Commands
  Slideshow Options

  Read more

• Editing Multiple Widgets

  Format Multiple Widgets via Top Toolbar
  Edit Multiple Widgets via Property Panel

  Read more

• Keyboard Shortcuts

  Mac
  Windows

  Read more

Widgets

• Form

  Form is Basically a Window
  Adding Quick Menus
  Hiding a Form
  Alternative Title
  Form Widget Options

  Read more

• Lines

  Creating Line Widget
  Choosing Line Color
  Line Widget Options

  Read more

• Dialogs

  Creating Dialog Widget
  Title-Bar On/Off
  Displaying Min/Max Icons in the Title-Bar
  Dialog Widget Options

  Read more

• Frames

  Creating Frame Widget
  Making a Frame Transparent
  Frame Widget Options

  Read more

• Trees / Tree Lists

  Creating Tree Widget
  Adding Branches and Items on a Tree Hierarchy
  Indicating an Item as Selected
  Connector Lines On/Off
  Tree Widget Options

  Read more

• Lists

  Creating List Widget
  Adding List Items
  Indicating an Item as Selected
  List Widget Options

  Read more

• Progress Bar

  Creating Progress Bar Widget
  Setting Progress Indicator
  Marquee (indeterminate) Style On/Off
  Progress Bar Widget Options

  Read more

• Radio Buttons

  Creating Radio Widget
  Adding Multiple Options to Radio Widget
  Specifying Which Option is Displayed as Selected
  Choosing Vertical or Horizontal Layout
  Icons: Left or Right
  Word-Wrap On/Off
  Radio Widget Options

  Read more

• Images

  Creating an Image Widget
  Pasting an Image from Another Program
  Aspect Ratio On/Off
  Image Widget Options

  Read more

• Texts and Labels

  Creating a Text Widget
  Word-wrap
  Generating Lorem Ipsum / Dummy Text
  Aligning Text Vertically
  Text Widget Options

  Read more

• Checkboxes

  Creating a Checkbox Widget
  Ticking or Unticking the Checkbox
  Changing Label Position
  Checkbox Widget Options

  Read more

• Calendar and Date-Picker

  Creating a Calendar Widget
  Specifying a Date
  Displaying Date-Picker
  Calendar Widget Options

  Read more

• Dropdowns / Combo-Boxes

  Creating a Dropdown Widget
  Displaying Item List
  Indicating Selected Item On a Dropdown List
  Dropdown Widget Options

  Read more

• Tables

  Creating a Table
  Define or Rename Table Columns
  Table Editor
  Edit Table Data
  Add More Columns and Rows
  Resizing Columns
  Add Buttons, Checkboxes, or Dropdowns
  Use Auto-Filling
  Copy-Paste Data from Excel
  Format Column Titles
  Formatting the Data in a Table
  Highlighting Table Rows
  Scrollbars, Gridlines
  Table Widget Options

  Read more

• Text Fields

  Creating a Field widget
  Multiple line text-fields
  Field widget options

  Read more

• Buttons

  Creating a Button Widget
  Multiline Captions
  Icons on Buttons
  Aligning Icon and Label
  Button Widget Options

  Read more

• Composite Widgets

  Labeled Widgets: Create Forms Quickly
  Creating a Labeled Field
  Creating a Labeled Dropdown
  Creating a Labeled List
  Formatting labeled widgets
  Format Just a Label Part
  Format Just a Field / Dropdown / List part

  Read more

• Links

  Creating Links
  Links in Slideshow
  Links in Exports
  Link Widget Options

  Read more

• Tabs

  Creating Tab Widget
  Adding Individual Tabs
  Setting an Active Tab
  Separate Links for Each Tab
  Showing widgets on Other Tabs
  Tab Widget Options

  Read more

• Icons and Badges

  Icons vs Badges
  Creating an Icon
  Icon chooser
  Formatting the icon
  Creating badges
  Color presets for Badges
  Adding 3rd Party Icon Sets
  Icon widget options

  Read more