Skip to main content

Add custom CSS classes to a form field

Log in to add to favourites

Including custom CSS classes on form fields allows developers to add additional CSS hooks to easily style form fields to match your design system.

Setting custom CSS classes

  1. With a form opened for editing, select the field that you want to add a custom CSS class to.
  2. From the Advanced panel, locate the CSS Class property.
  3. Enter the CSS classes you want added to the form field, for example star-rating.
  4. Press Save and preview the changes to your form, and Publish when you are happy.

Tips

  • You dont need to add a period (.) before the class name
  • Multiple classes can be added by seperating each class name with a space.
  • Refer to our sample CSS file in the forms render package to see a comprehensive list of classes already in use.

Still need help?

If you still need help after reading this article, don't hesitate to reach out to the Contensis community on Slack or raise a support ticket to get help from our team.
New support request