Use Submit Button Outside of the Form

Environment

Product Version	10.0.0
Product	Progress® KendoReact Form

Description

I want to customize the position of the Submit button and place it outside of the Form. How can I use a Submit button outside of the Form component?

This knowledge base article also answers the following questions:

• How can I show the Submit button in a Dialog?
• How can I show the Submit button in a Window?
• How can I submit a form from a button that's not part of the Form?
• How can I move the submit form functionality outside of the Form?
• How can I use an external Submit button?

Solution

To handle the form submission outside of the Form component:

1. Set the ref of the Form component.
2. Use the formRef.current.onSubmit() event inside the onClick event handler of the button.

This is an example showcasing how to use an external submit Form button:

Change Theme

Theme

Loading ...

This is an example showcasing how to use an external submit Form button inside a Dialog or Window component:

Change Theme

Theme

Loading ...

See Also

• KendoReact Form Documentation
• API Reference of the Form
• KendoReact Button Documentation
• API Reference of the Button