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:


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 has 5 years of experience with developing web solutions using ASP.NET and SQL Server. For the past 3 years, he has been actively engaged in website development projects using Sitecore CMS. He enjoys creating web solutions for clients using Sitecore CMS and, using its flexibility, provides cohesive and integrated solutions. Xing is a Sitecore Technology MVP, 2016.

Explore topics:

Other Blog Posts from Xing Liu

Subscribe for insights, trends and big ideas