<p>To override <code>field.html</code> you will also have to provide an override for <code>tab.html</code> and <code>errors.html</code>. </p>

<p>The <code>field.html</code> template is a bit more complex and the Twig code to get it to work depends on a few other files to work properly.</p>

<p>I've updated the documentation to better reflect this requirement: <a href="http://sprout.barrelstrengthdesign.com/craft-plugins/forms/docs/customization/template-overrides" rel="nofollow">Template Overrides</a></p>

<hr>

<p>If you only need to update the classes, you may also want to consider <a href="http://sprout.barrelstrengthdesign.com/craft-plugins/forms/docs/customization/rendering-options" rel="nofollow">Rendering Options</a>.</p>

<p>Rendering options would let you dynamically pass the class names to the underlying form code. Depending on how predictable your field names are, it could work like this:</p>

<pre><code>{% set options = {
    "class": "form-class form-class-customized",
    "errorClass": "form-has-error",
    "fields": {
        "fieldHandle": {
            "class": "my-fancy-class",
            "errorClass": "field-has-error",            }
    }
} %}

{{ craft.sproutForms.displayForm("formHandle", options) }}
</code></pre>

CC BY-SA 3.0
2016-08-02T11:01:59.880Z
That did the trick for adding classes :-)! Still gonna go dig into the template overrides in the html files too, since I'm probably gonna need it later on too. Thanks for the answer!
Jan
CC BY-SA 3.0
2016-07-15T09:29:59.953Z
2016-07-18T13:07:11.620Z
2016-07-18T13:07:11.620Z
Ben Parizek
<p>I've set up a Spout Form, and I can customize the form.html file after copying it and moving it to my own <code>templates/_form/formHandle</code> folder. But when I want to customize the <code>field.html</code> file (I do the exact same thing as with the <code>form.html</code> file) nothing happens. Does anyone know what I'm doing wrong? I only want to add some custom classes, nothing fancy :-).</p>

<p>Thanks!</p>

<templating><plugin-sproutforms>
Customize the field.html file for Sprout Forms
# Customize the field.html file for Sprout Forms

(Asked by: username_0 on 2016-07-14)

I've set up a Spout Form, and I can customize the form.html file after copying it and moving it to my own `templates/_form/formHandle` folder. But when I want to customize the `field.html` file (I do the exact same thing as with the `form.html` file) nothing happens. Does anyone know what I'm doing wrong? I only want to add some custom classes, nothing fancy :-).

Thanks!

**Tags:** templating, plugin-sproutforms

---

## 1 answers

### Answer by username_1 on 2016-07-15. Score: 4 | Accepted answer

To override field.html you will also have to provide an override for tab.html and errors.html. 
The field.html template is a bit more complex and the Twig code to get it to work depends on a few other files to work properly.
I've updated the documentation to better reflect this requirement: Template Overrides

If you only need to update the classes, you may also want to consider Rendering Options.
Rendering options would let you dynamically pass the class names to the underlying form code. Depending on how predictable your field names are, it could work like this:
{% set options = {
    "class": "form-class form-class-customized",
    "errorClass": "form-has-error",
    "fields": {
        "fieldHandle": {
            "class": "my-fancy-class",
            "errorClass": "field-has-error",            }
    }
} %}

{{ craft.sproutForms.displayForm("formHandle", options) }}

> **Comments:**
> **username_0**: That did the trick for adding classes :-)! Still gonna go dig into the template overrides in the html files too, since I'm probably gonna need it later on too. Thanks for the answer!  

---

