Change the color and style of a web form

Last updated Tuesday, November 29, 2016 in Web Forms for Marketers for Developer
Keywords: Web forms

You can change the default color scheme and theme of web forms and MVC forms, for example, if you want your web forms to follow the style of your website. A color scheme sets the colors for each form element, such as the foreground or background color, and themes are a set of visual effects.

CSS classes describe colors and effects for an individual form field. You can change the style directly in the Form Designer using a predefined form field, or create your own custom CSS theme and style.

Note

Changes made to the theme and color of one form apply to all forms.

This topic describes how to:

Change the theme or color of web forms

To change the theme or color of web forms:

  1. In the content tree, navigate to and select the folder where your web forms are stored.

    For example: (/sitecore/System/Modules/Web Forms for Marketers/Website).

    Note

    The location of this folder may be different depending on your Sitecore configuration.

  2. In the right pane, in the Themes section, click the Theme or Color drop-down list and select the theme or color that you want.
  3. Click Save, and republish your website.

Change the style of a form field

To change the style of a form field:

  1. In the Form Designer, in the relevant form, in the right pane, click the form field that you want to change the style of, for example, Name.

    Picture 1

  2. In the left pane, in the Appearance section, in the Css Class property, click the drop-down arrow and select a class.
  3. Click Save or Save/Close and republish your website.
Send feedback about the documentation to docsite@sitecore.net.