Pop-up form

A pop-up form is a type of a form that appears as a small overlay on top of the content, triggered by a user action such as clicking a button.

Methods

Method	Description
open()	opens the pop-up window
close()	closes the pop-up window
setValue(value: Object)	sets value of the form
reset()	resets the form
setSubmitButtonDisabled(disabled: boolean)	disables or enables submit button
setOpenButtonDisabled(disabled: boolean)	disables or enables open button
submit()	submits the form

Triggers

Triggers allow you to launch certain actions based on different events.

On Init	Calls for an action on component's initialization
On Submit	Calls for an action on component's submit
On Click	Calls for an action on component's click
On Change	Calls for an action on component's change
On Custom Button Click	Calls for an action on custom button click
On Open	Calls for an action on component's opening
On Close	Calls for an action on component's closure

Working with a pop-up form

Hiding the pop-up button

The appearance of the pop-up form can be easily configured. When required, you can hide the component's button to save some space and open/close the pop-up programmatically by activating the Hide button checkbox:

Adding a custom button to a form

By default, the pop-up form contains a single Submit button. If necessary, you can add a custom button to the form:

The pop-up form also supports CSS styling.

Reset the popup form on close

By default, the popup form will reset its content upon submission but retain it when closed. If needed, you can modify this behavior using the following popup form settings: