Skip to main content
All CollectionsAsite AppBuilderEditing a Form Template
'Events' Properties in AppBuilder Designer
'Events' Properties in AppBuilder Designer

This article helps you understand 'Events' Properties available in AppBuilder Designer.

Updated over a month ago

Events can be something that happens to a form element like - when it is loading, when its value is changed, when it is focused upon, when its focus is taken away or when user enters the desired input.


'Events' property enables users to define logical validations / conditional formatting on form elements, as a reaction to the defined events like the ones mentioned above. All of the events properties currently support dragging of blocks together to build programs. Click on icon under 'Advanced' properties for selected control to open the code editor containing blocks to build programs for selected form element. The code editor contains all the pieces needed for defining and rendering blocks in a drag and drop editor. Each block can be configured to include a bit of code that a user can easily snap together like puzzle pieces.

Click on a property name below to continue:


'Events' Property 1 - onLoad

This event occurs when the form element has finished loading in the web browser.
Controls where applicable - 'Textbox', 'Text-Area', 'RichText-Area', 'Dropdown', 'Multiselect Dropdown', 'Checkbox', 'Radio', 'Datepicker', 'Timepicker', 'Map', 'Signature', 'Attachment', 'Button', 'Site Location', 'Toggle Button', 'Rating', 'Layout', 'Table', 'Repeating Table', 'Associate Files', 'Associate Apps'


'Events' Property 2 - onChange

This event occurs when the user changes value of selected form element. For e.g. type a word in a textbox, select a value from dropdown, etc.
Controls where applicable - 'Textbox', 'Text-Area', 'RichText-Area', 'Dropdown', 'Multiselect Dropdown', 'Checkbox', 'Radio', 'Datepicker', 'Timepicker', 'Map', 'Signature', 'Attachment', 'Rating'


'Events' Property 3 - onFocus

This event occurs when the user gives focus to selected form element.
Controls where applicable - 'Textbox', 'Text-Area', 'RichText-Area'


'Events' Property 4 - onBlur

This event occurs when the user takes focus away from selected form element.
Controls where applicable - 'Textbox', 'Text-Area', 'RichText-Area'


'Events' Property 5 - onEnter

This event occurs when the user presses Enter key on selected form element.
Controls where applicable - 'Textbox', 'Text-Area', 'RichText-Area'


'Events' Property 6 - onClick

This event occurs when the user clicks on the selected form element.
Controls where applicable - 'Hyperlink', 'Button', 'Site Location', 'Toggle Button', 'Associate Files', 'Associate Apps'

'Events' Property 7 - onInsertRow

This event occurs when the user inserts a new row in repeating table.
Controls where applicable - 'Repeating Table'

'Events' Property 8 - onDeleteRow

This event occurs when the user deletes a row in repeating table.
Controls where applicable - 'Repeating Table'



Did this answer your question?