TYPO3 how to add css class to predefined submit button

Question

We are building a form in TYPO3 by setting up the form definition with yaml configuration ourform.form.yaml.

We know how to add a custom label to the predefined submit button like this renderingOptions.submitButtonLabel but cannot figure out how to add a custom class to that element as there is no configuration key for that?

Also I was not able to find a frontend template to override.

Answer 1

You need to override the Fluid partial Form/Navigation.html.

There you can set the classes for the different buttons in the form (navigate through different steps and/or submitting the form.

Answer 2

I think you dont even need to overwrite Form/Navigation.html because the parent css class .btn-group should contain a .submit class already that you can target (only if its the last step).