Update: Ultimate Addons for Beaver Builder v1.30.4 and above deprecates the Caldera Forms Styler module. As per the official statement from Caldera Forms, the plugin will be retired on 31 Dec 2021. So Caldera Form Styler module won’t be available for new users after UABB v1.30.4
Though the module will continue working for existing users as the Caldera Form plugin is still working. So if you have used the Caldera Form plugin and Caldera Form Styler module, it will continue working without any interruption. Future updates for the UABB Caldera Form Styler module will be dependent on further notice from the Caldera Form plugin. As per the authors of the Caldera Form plugin, Caldera Forms will be eventually converted to Ninja Forms. Read more in their detailed post here.
Ultimate Addons for Beaver Builder brings to you the Caldera Forms Styler module. Helping you style and customize Caldera Forms to match your website design and color scheme.
Below are some key features of the module –
- Input Fields Styling
- Gradient / Color Background for form
- Easy & 100% Customization for Radio & Checkbox
- Different styles for Success / Error messages
- Gradient Color Options for Submit Button
Let’s see the features in details and how we can design to design the Caldera Form using our module –
Even here just drag-n-drop the module on the Beaver Builder editor and select the Caldera Form from the list and make it as per your website style and design scheme.
Input Fields Styling
The input fields can be styled as per required by visiting the Style tab of the module and under the Form Fields section. Here you will find the option to manage the Field Size, Padding, Color, Border, and even the Spacing between the fields.
Gradient / Color Background for Form
You can set a Gradient or a Simple Color to your Caldera Forms just by visiting the Forms section under the Style Tab.
Easy & 100% Customization for Radio & Checkbox
Ever wanted to customize or make changes to the Radio or Checkboxes of the Caldera Forms. We have you covered, just head over to the Radio & Checkbox section from the Style tab. You will also, find the option of Override Current Style, by default it fetches the default Checkbox and Radio button styling. But by using this option you can override its styles as required.
[ Screenshot of the Checkbox section ] Verify the String of the Override label
Different Styles for Success / Error Messages
The settings in this section allow us to set a different Position for the Error message and also allows to set various colors for the Error message or Success Message including changing the Background Color of the Input fields.
Gradient Styling Options for Submit Button
Having a color styling option could get a bit boring for any Submit button, to keep it refreshing we have provided the Gradient Styling options so that you can customize the Styling using a Linear or Radial Gradients and also with other Border, and Hover Colors