Answers.Body: <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>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-08-02T11:01:59.880Z
Answers.Text: 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!
Answers.UserDisplayName: Jan
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-07-15T09:29:59.953Z
Answers.LastActivityDate: 2016-07-18T13:07:11.620Z
Answers.LastEditDate: 2016-07-18T13:07:11.620Z
Answers.UserDisplayName: Ben Parizek
Body: <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>
  
Tags: <templating><plugin-sproutforms>
Title: Customize the field.html file for Sprout Forms
ThreadText: # 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](http://sprout.barrelstrengthdesign.com/craft-plugins/forms/docs/customization/template-overrides)
  
  ---
  
  If you only need to update the classes, you may also want to consider [Rendering Options](http://sprout.barrelstrengthdesign.com/craft-plugins/forms/docs/customization/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!  
  
  ---
  
  