Developer Reference

JavaScript Embedding

Events can be useful to fetch informations at runtime.

flyingformsRender.renderForm({
    host: "https://flyingforms.io",
    formId: "UUID",
    
    onload: () => {
        ... form loaded event
    },
    onNextStep: (e) => {
        ... when next button was clicked
    },
    onBackStep: (e) => {
        ... when back button was clicked
    },
    onSubmit: (e) => {
        ... when submit button was clicked
    }
});

Trigger

Trigger Description Usage Object Data
onLoad Event is fired when the form is loaded.
onload: () => {
    ... 
},
null
onNextStep Event is fired when the user click on the next button. Works with Accordion and Paging.
onNextStep: (e) => {
    ... 
},
{
    pageIndex: int
}
onBackStep Event is fired when the user click on the back button. Works with Accordion and Paging.
onBackStep: (e) => {
   ... 
},
{
   pageIndex: int
}
onSubmit Event is fired when the form is submitted.
onSubmit: (e) => {
   ... 
},
{
   formData: FormData,
   submitted: boolean
}