Caldera Form Styler Widget

You can now design a Caldera Form to suit your websites color scheme and much more. You can completely customize a form with different color and style settings. Below are the key features for the widget –

  • Field style options ( Box & Underline )
  • Easy & 100% customization for Radio & checkbox
  • Gradient color / Image background options for submit button
  • Different styles for success and error messages
  • Managing space between the fields

With Caldera Form Styler Widget, first, select the Caldera Form from the list and style it with the UAEL widget options.

Field style options ( Box & Underline )

The widget provides prebuilt styling options for input fields. You can choose Field Style as a box or underline. Box layout will add a border from all sides. You can choose the border style, color, width etc. from the available options. The Underline layout will add a border at the bottom of the input fields.

Box 


Underline 

Easy & 100% customization for Radio & checkbox

Have you ever wanted to style the checkboxes, radio buttons in a Caldera Form? This is easy with the Caldera Form Styler widget. Styling set for the form under General tab will be applied to checkboxes, radio buttons by default. You can set different styles by selecting the Override Current Style option. You have various color and style options under Radio & Checkbox tab.

Gradient color / Image background options for submit button

Now you can highlight the submit button with an attractive design. All options are available under the Submit Button tab. You can set background color/image/gradient for the normal and hover submit button. Other colors and Box Shadow options add a finishing touch to the button.

Different styles for Success and Error messages

Success / Error Message options allow setting colors for Error Field Message and Form Success Validation. The option Error Field Validation allows settings different colors for the fields that have an error.

Manage space between the fields

You can manage space between input fields. You can also manage the bottom spacing for Label and Description. These options are available under the Style tab.

Not the solution you are looking for? Check other articles, or open a support ticket.