Form
Various form elements user can input
Last updated
Various form elements user can input
Last updated
Form controls are the interactive components in your app's user interface. There is a wide variety of controls you can use in your project, such as buttons, text fields, sliders, checkboxes, lists, and many more. Each control has certain attributes that vary according to the selected input control type.
Select page
Do one of the following:
Select Insert > Widgets > Form
Open Widget Inspector
Select controls type from Type list
Select form widget
Select Button in
Enter label text in Label field
Enable Checkable for two-states button that can be either checked or unchecked.
Enable or disable Checked to set initial state
Click Image and select image file
Click Selected image and select image file for clicked or checked state
Change Image size to show text label. You can also select Image position.
Single-line text input.
Enter initial text in Text field
Multi-line text input.
Enter initial text in Text field
Control that inputs a linear value.
Enter initial slider value in Index field
Set slider minimum and maximum values
Enter slider step size in Step field
Listview is a view for presenting lists of data, especially long lists that require scrolling.
Enter list items in List field, each from new line
Enter initial selected index in Index field
Select vertical or horizontal orientation from Orientation list
Control that provides a toggled value.
Enable or disable Checked to set initial state.
Select Form
Open Widget Inspector
In Controls style section do one of the following:
Click Color to select new color (on the right is form color when checked);
Select border color (on the right - border color when checked) in border color field;
Select border size in border size field;
Select radius in border radius field;
Select color for checked text in selected font field;
Select button position in image position field, if ImageButton is selected;
Select button size in image size field, if ImageButton is selected;
Select slider color in slider color field (on the right - slider color when checked), if Slider is selected;
Select slider size in slider size field;
Select the number of visible items in visible items field, if Tumbler is selected.
Click on Toolbar
