New to KendoReact? Start a free 30-day trial
How to Disable and Enable External Submit Button
Updated on Dec 19, 2025
Environment
| Product Version | 12.0.0 |
| Product | Progress® KendoReact Form |
Description
I have a button outside of the Form component and I want it to behave as a submit button placed within the Form (using the formRenderProps.allowSubmit).
This knowledge base article also answers the following questions:
- How can I show the Submit button outside the Form?
- 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
Use the Form ref and add a function within the rendering of the Form that will be called on each change in the state. Within the function you can pass the formRenderProps and update a state variable that can determine the enabled state of the external button.
Change Theme
Theme
Loading ...