Programming Widget


_images/PGForm.png

Form

_images/iu_manual_prop_pg_PGForm.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.

Property

  • Child : Valid
  • Link : Invalid
  • Scroll Animator : Valid
  • Background Image : Valid
  • Backend Ellipsis : Invalid

_images/PGTextField.png

Input Text

_images/iu_manual_prop_pg_PGTextField.png

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

Property

  • Child : Invalid
  • Link : Valid
  • Scroll Animator : Valid
  • Background Image : Valid
  • Backend Ellipsis : Invalid

_images/PGTextView.png

Input Paragraph Text

_images/iu_manual_prop_pg_PGTextView.png

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

Property

  • Child : Invalid
  • Link : Valid
  • Scroll Animator : Valid
  • Background Image : Valid
  • Backend Ellipsis : Invalid

_images/PGSelect.png

Select

_images/iu_manual_prop_pg_PGSelect.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.

Property

  • Child : Invalid
  • Link : Valid
  • Scroll Animator : Valid
  • Background Image : Valid
  • Backend Ellipsis : Invalid

_images/PGHTML.png

HTML (Hyper Text Markup Language)

_images/iu_manual_prop_pg_PGHTML.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.

Property

  • Child : Invalid
  • Link : Invalid
  • Scroll Animator : Valid
  • Background Image : Valid
  • Backend Ellipsis : Invalid

_images/PGCollection.png

Collection

_images/iu_manual_prop_pg_PGCollection.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.

Property

  • Child : Invalid
  • Link : Valid
  • Scroll Animator : Valid
  • Background Image : Valid
  • Backend Ellipsis : Invalid

_images/PGPageLinkSet.png

Checkbox

_images/iu_manual_prop_pg_PGCheckBox.png

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

Property

  • Child : Invalid
  • Link : Valid
  • Scroll Animator : Valid
  • Background Image : Invalid
  • Backend Ellipsis : Invalid

_images/PGRadioButton.png

Radio Button

_images/iu_manual_prop_pg_PGRadioButton.png

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

Property

  • Child : Invalid
  • Link : Valid
  • Scroll Animator : Valid
  • Background Image : Invalid
  • Backend Ellipsis : Invalid

_images/PGButton.png

Button

_images/iu_manual_prop_pg_PGButton.png

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

Property

  • Child : Invalid
  • Link : Invalid
  • Scroll Animator : Valid
  • Background Image : Valid
  • Backend Ellipsis : Invalid

_images/PGFileUpload.png

File Upload

_images/iu_manual_prop_pg_PGFileUpload.png

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

Property

  • Child : Invalid
  • Link : Invalid
  • Scroll Animator : Valid
  • Background Image : Invalid
  • Backend Ellipsis : Invalid

_images/PGSwitch.png

Switch

_images/iu_manual_prop_pg_PGSwitch.png

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

Property

  • Child : Invalid
  • Link : Invalid
  • Scroll Animator : Valid
  • Background Image : Invalid
  • Backend Ellipsis : Invalid

_images/PGFlipSwitch.png

Flip Switch

_images/iu_manual_prop_pg_PGFlipSwitch.png

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

Property

  • Child : Invalid
  • Link : Invalid
  • Scroll Animator : Valid
  • Background Image : Invalid
  • Backend Ellipsis : Invalid

_images/PGSlide.png

Slide

_images/iu_manual_prop_pg_PGSlide.png

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

Property

  • Child : Invalid
  • Link : Invalid
  • Scroll Animator : Valid
  • Background Image : Invalid
  • Backend Ellipsis : Invalid

_images/PGRangeSlide.png

Range Slide

_images/iu_manual_prop_pg_PGRangeSlide.png

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

Property

  • Child : Invalid
  • Link : Invalid
  • Scroll Animator : Valid
  • Background Image : Invalid
  • Backend Ellipsis : Invalid