If your WordPress theme uses the Foundation framework, WS Form can output forms that contain HTML markup that is native to that framework. This means that WS Form physically changes the HTML so that your form dovetails seamlessly into your theme.
All of the available WS Form field types are fully compatible with Foundation.
To view a demo of a WS Form outputting a form for the Foundation framework, click here.
WS Form supports the following versions of Foundation:
Configuring WS Form to Use Foundation Framework
When you first install WS Form, it will scan your theme files and if Foundation is detected it will automatically output your form using Foundation markup.
To manually select Foundation as your framework:
- Click on WS Form in the WordPress administration menu.
- Click on ‘Settings‘.
- Click on the Advanced tab.
- Select ‘Foundation’ under the ‘Framework’ dropdown.
- Click Save.
An example of the HTML output for a tel field is shown below (includes some additional markup required by WS Form).
<div class="small-6 medium-3 cell" id="wsf-1-field-wrapper-7" data-id="7" data-type="tel"> <label id="wsf-1-label-7" for="wsf-1-field-7"> Phone <input type="tel" id="wsf-1-field-7" name="field_7" aria-labelledby="wsf-1-label-7" aria-describedby="wsf-1-invalid-feedback-7"> <span id="wsf-1-invalid-feedback-7" data-form-error-for="wsf-1-field-7" class="form-error" role="alert">Please provide a valid phone number.</span> </label> </div>