Pop-up form
Last updated
Last updated
© 2024 UI Bakery
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.
Method | Description |
---|---|
Triggers allow you to launch certain actions based on different events.
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:
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.
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:
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
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