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.

Can you explain what exactly you are trying to achieve and why a CSS selector like [id^="form-identifier"] [type="submit"] does not work? — Mathias Brodala
– Mathias Brodala, Commented Mar 14, 2022 at 9:53
our customer wants an easy way to track the clicks via analytics — netzding
– netzding, Commented Mar 14, 2022 at 10:16
Then by all means use JavaScript for that. No need to change the form output. — Mathias Brodala
– Mathias Brodala, Commented Mar 14, 2022 at 10:23

Thomas Löffler · Accepted Answer · 2022-03-14 09:57:51Z

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.

answered Mar 14, 2022 at 9:57

Thomas Löffler

6,2141 gold badge17 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

pp63 · Accepted Answer · 2023-11-03 14:12:25Z

0

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).

edited Nov 3, 2023 at 14:12

answered Nov 3, 2023 at 14:10

pp63

11 bronze badge

Collectives™ on Stack Overflow

TYPO3 how to add css class to predefined submit button

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related