MockupTiger wireframe objects can be grouped and un-grouped using the two icons in the toolbar

Image

Consider this grouped object below

Image

Once the icon and the bubble comment are grouped together, they become a new object that can be moved around. When you group objects, the position is maintained with the child objects. You can stretch and drag the group objects. The child objects will enlarge or shrink based on the action you perform on the group.

How do you edit the text of individual child

Once you define the group, it becomes cumbersome to ungroup just for changing the text.

For e.g If we want to change the text on the comment bubble, we simple double click on the bubble comment

Image

The UI will detect the mouse click and transfer the edit operation to the respective child.

Alternatively you can right click on the group and select "Edit"

Image

All other changes, like font styles, bolding, colors apply to each and every child of the group.

Related posts:

  1. Clickable Mockups – Wireframes with super interactivity.
  2. Mockuptiger update
  3. MockupTiger Release 1.2.63 – 20110825
  4. How to add links to mockup objects
  5. Dashboard Wireframes and Mockups – How to build Chart mockups

Posted in Tutorials