Back

Form Editor Overview


The Form Editor is used to design Web Pages.

A Form Entity is a container for any number of Web Pages. Related pages can be added to the same Form, for example, pages of a payment/check out system. A Verj.io App can have any number of Forms, although each Form in the App must have a unique name.

Page View

A Form can contain any number of Web Pages. Pages can be

  • created add a Page to the Form.
  • selected switch the WYSIWYG view to that Page and focus the Properties View so it can be configured.
  • deleted remove a Page from the Form.

Palette 

Web Pages are built up using Controls. Controls define the structure and layout of a Page and to add UI elements such as buttons, hyperlinks and text.

Controls can be dragged from the Palette onto the WYSIWYG or Outline Views. A carat indicates where the Control will be positioned in the Page.

Outline View 

Shows the Controls on the currenty selected Page in a tree structure. Controls can be:

  • selected focus the WYSIWYG and Property Views on that Control.
  • moved drag the Control to a new postion in either the Outline or WYSIWYG View.
  • deleted remove the Control from the Page.
  • configured perform various actions on the Control using the context menu.

WYSIWYG View

This View renders a Page as if it was being shown in a browser, with various context-sensitive design aids. Controls can be

  • selected focus the Outline and Properties Views on that Control.
  • moved drag the Control to a new postion in either the Outline or WYSIWYG View.
  • deleted remove the Control from the Page.
  • configured perform various actions on the Control using the context menu.

Properties View 

View and configure the properties of the currently selected Control, Page, Field, Table or Resource. Any changes made are instantly reflected in all other views.

Fields View 

Fields represent data. Fields can be

  • created add a Field to the Form. Each Field must have a unique name within the Form.
  • selected focus the Properties View on that Field.
  • moved drag the Field to a position in the Outline or WYSIWYG Views to add it to the Page as a Control.
  • deleted remove the Field from the Form and remove any related Controls from the Page.

Tables View 

Tables represent tabular data. Tables can be

  • created add a Table to the Form. Each Table must have a unique name within the Form.
  • selected focus the Properties View on that Table.
  • moved drag the Table to a position in the Outline or WYSIWYG Views to add it to the Page as a Control.
  • deleted remove the Table from the Form and remove any related Controls from the Page.

Resources View 

A Resource acts as an interface to an external application, for example databases, REST services or emails. A Resource can be

  • added connect a Resource to the Form.
  • mapped link Resource Fields to the Form's Fields and Tables. When fetching a Resource, mapped Fields and Tables will be automatically updated with the Resource Fields values.