Input widgets also known as input fields, are used as a means for a user to insert data into an application. They are mainly used to create input forms. Text boxes are the most common input field type, but there are several others. All of them have the particularity that their value can be modified by the user during simulation through direct interaction. However, you can disable its edition by unchecking the property 'Editable' in the Properties panel.
The Text widget is a component which holds a text as a value. The text widget has three different styles that can be changed in the Properties panel:
Text: A single line text box.
Text Area: A text box which can hold different lines of text with automatic vertical and horizontal scroll bars.
Password: A text box showing only a single line masked as a password.
Editing default text
When in the user interface editor you can choose from of the options below:
Double-click a Text widget to start text edition. Make the desired changes to the text. To apply the changes press Return or click outside the widget. To cancel edition without applying changes press Escape.
Select the Text widget and change its default text in the Properties panel.
Editing text in simulation
Text widgets will be editable during simulation only if they have this property enabled.
To change the text of a Text widget when simulating the prototype, click once on the widget to start editing. Make your changes. Finally press Return or click outside the widget to apply the changes or press Escape to cancel.
The Check Box widget is a component which can only represent two diferent and opposite states: true (checked) or false (unchecked).
Editing default value
When in the user interface editor you can choose from the options below:
double-click on the Check Box widget to change its state.
Select the Check Box widget and change its default state in the Properties panel's drop-down.
Editing value in simulation
To change the value of a Check Box widget when simulating the prototype, click once on the widget to change its value.
This widget can only represent two diferent and opposite states like a Check Box: true (checked) or false (unchecked). However, unlike Check Boxes, Radio Buttons cannot change its value through direct interaction during simulation once they are checked. Events must be used in order to change a Radio Button state to unchecked as they usually work together with other Radio Buttons. The Radio Button's value edition is similar to the Check Box.
The Date widget is a text box usually used to represent dates and time in a standard format. It appears as an input box with a calendar or watch icon next to it used to easily edit its value. The Date widget has two different styles which can be changed in the Properties panel:
Date: A text box that prompts the user for a date in the format MM/DD/YYYY.
Date and Time: A text box that prompts the user for a date and time in the format MM/DD/YYYY HH:mm.
Editing value
To edit its value double-click on the calendar or watch icon at the right side of the widget. A dialog with a calendar will appear. Select the desired date or date and time and press ok. Cancel the dialog to stop editing without applying changes. During simulation click only once on the icon to start editing.
The File widget is a single text line box used to indicate a path to one specific file in the file system. It appears as an input box with a Browse button used to browse for a file into your file system. The text held by this widget cannot be changed directly.
Editing value in simulation
To edit its value click on the Browse button. Browse for the desired file in the system dialog. Press Open to use the path to the file selected or press Cancel to close the dialog without applying changes.