Programming Widgets

Form

../_images/form.png

Form widget is a container for programming widgets which is generated to <form> tag. If you want to use programming widgets, you must to add Form widget in your project.

See detail properties.

Input Text

../_images/input_text.png

Input Text widget is a textfield which is generated to <input> tag (type : text).

See style, detail properties.

Input Paragraph Text

../_images/input_paragraph.png

Input Paragraph Text widget is a textfield which is generated to <textarea> tag.

See style, detail properties.

Select

../_images/select.png

Select widget is a select button which is generated to <select> tag. If you want to make select button, add this widget into Form widget.

See properties.

HTML

../_images/html.png

HTML widget is a code container which is generated to custom html tag (e.g. <style>, <script>, etc, …). You can make custom widget by input custom html code into HTML widget.

Collection

../_images/collection.png

Collection widget can import multiple Composition widgets. If you want to make collection view with compositions, you can create collection view with Collection widget.

See detail properties.

Checkbox

../_images/checkbox.png

Checkbox widget displays checkbox which is generated to <input> tag (type:checkbox).

See detail properties.

Radio Button

../_images/radio_button.png

Radio Button widget displays radio button which is generated to <input> tag (type:radio).

Label

../_images/label.png

Label widget generates <label> tag. It makes easier to click <input> tag. You can connect <input> widgets such as radio, checkbox and etc. by adding a html id as a for attribute.

See style, detail properties.

Button

../_images/button.png

Button widget displays button which is generated to <input> tag (type:default / reset / submit).

See style, detail properties.

File Upload

../_images/file_upload.png

File Upload widget displays file upload interface which is generated <input> tag (type:file).

Switch

../_images/switch.png

Switch widget displays toggle button which is generated to <input> tag (type:checkbox), and contains two switch items.

See detail properties.

Flip Switch

../_images/flip_switch.png

Flip Switch widget displays sliding switch which is generated to <input> tag (type:checkbox).

See detail properties.

Slider

../_images/slider.png

Slide widget displays slider interface. You can change value by dragging slide pointer. (Or type a number to value)

See style, detail properties.

Range Slider

../_images/range_slider.png

Range Slide widget displays range slider interface. You can change range value by dragging slide pointers. (Or type a number to value)

See style, detail properties.