Overview
This article explains how to change all the button styles that appear in Forms for Actions.
Applies To
- Forms
- Buttons
- Styles
Solution
This can be achieved with Form for Actions through Branding Settings.
The following code modifies the .af-button class, which represents the Next Button and Previous Button, and the .af-jumpButton class, which represents the Jump Button.
.af-button {
color: red;
background-color: black;
}
.af-jumpButton{
color: red;
background-color: black;
}
Select the Brand Settings Icon on the Forms for Actions page and add the code like below:
The Result and the Inspector from where the class was picked can be seen in the following screenshot:
