PrototypingControls

Introduction

Prototyping controls comprise of a wide range of small re-usable components that a designer can use to design its prototype. Each control has its own set of properties and actions that can help define the semantics of control and through which designer can customize the control for his/her own needs

Details

Following controls will be supported:

• Label
• Button
• Text Field
• List
• Menu
• Container

---

Label

Label represents a read-only text

Properties

• text: represents text to be shown as part of label

Actions

none

---

Button

Button represents a click-able button that can be associated with a certain action

Properties

• label: caption shown on the button
• dimension: width, height of the button
• top-left: top left coordinate of the button
• onclick: button click event

Actions

• resize: used to change size of button
• move: move button from one position to other

---

Image

Image control represents an image that can be used to represent a mockup

Properties

• url: represents a url specifying image location
• dimension: width, height of the button
• top-left: top left coordinate of the button
• onclick: button click event

Actions

• resize: used to change size of button
• move: move button from one position to other

---

Text Field

Properties

Actions

---

List

Properties

Actions

---

Menu

Properties

Actions

---

Container

Properties

Actions