Toolsoft.net
Home | Downloads | Purchase | Support |
Toolsoft UI Mockup | Free Download | Online Help

Toolsoft UI Mockup Online Help


Create a New Mockup

When you lauch Toolsoft UI Mockup, the application will create a new mockup by default, or click "New" in the main menu/toolbar to start another blank mockup.

Woking with UI Controls

Adding UI Controls
Click a control in the UI-control toolbar, then place it by clicking the mockup canvas.
Selecting UI Controls
Clicking on a UI control selects it.
Holding CTRL, Click on UI Controls to muli-select them.
Moving UI Controls
Drag it with your mouse.
Nudge it a few pixels with your keyboard's UP/DOWN/LEFT/RIGHT keys.
Resizing UI Controls
Grab one of the 8 little squares of the selection rectangle and drag it.
Deleting UI Controls
To remove some UI controls from the mockup canvas, select them and hit the DELETE key. Alternatively you can click on the eraser button in the toolbar or select "delete" from the Edit menu.
Layering UI Controls
Select the controls you want to layer and select "Bring to front", "Bring forward", "Send backward" or "Send to back".
Grouping UI Controls
To group a set of controls, select them and click "Group" button in the toolbar. Once grouped, the controls will behave as one when moving.

Importing and Exporting

Toolsoft UI Mockup gives you the ability to export your mockup as an XML file, which is useful for creating copies of your mockup, or emailing the mockup to someone else.
Exporting mockup to an image
Select "Export snapshot to PNG file" from the File menu.
Exporting a mockup
Select "Export Mockup" from the File menu.
Importing a mockup
Select "Import Mockup" from the File menu.