Add Custom Classes to Sitecore WFFM

Xing Liu • 11/21/2014

In the Form Designer property panel, there is an option “CSS Class ” for you to choose which css class to apply.  Shown as the screenshot below:

Appearance

You can add additional custom class names to this dropdown list by adding  Extended List Item to the following path:

/sitecore/system/Modules/Web Forms for Marketers/Settings/Meta data/Css Classes

Modules CSS Classes

The benefit of adding custom CSS class to each field is to have the flexibility for web designer to change the form style according to the website's theme.

Xing Liu

Xing Liu is a Sitecore MVP with expertise in all aspects of ASP.NET and SQL Server development across a variety of industries including Government, Banking, Healthcare and Energy. He provides technical thought leadership and consulting to SymSoft and client development teams. Xing has deep expertise in using Sitecore Helix in an Agile delivery model to streamline the construction of complex Sitecore websites, portals and their associated authoring environments. Xing is also a globally recognized photographer with an Instagram following approaching 100,000.

Explore topics:

Other Blog Posts from Xing Liu