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

MethodDescription

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 upon 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.

Last updated