Magic Forms Generic AJAX Form

Generic Magic Forms AJAX form renders a generic contact form to show the basic of Magic Forms Plugin.

You can override the HTML markup by creating a new partial and set filename genericForm/default.htm in component settings.

Note: you should replace genericForm with your component's alias name.

Example markup for generic ajax form:

<form data-request="{{ __SELF__ }}::onFormSubmit">

    {{ form_token() }}

    <div id="{{ __SELF__ }}_forms_flash"></div>

    <div class="form-group">
        <label for="name">Name:</label>
        <input type="text" id="name" name="name" class="form-control">
    </div>

    <div class="form-group">
        <label for="email">Email:</label>
        <input type="text" id="email" name="email" class="form-control">
    </div>

    <div class="form-group">
        <label for="subject">Subject:</label>
        <input type="text" id="subject" name="subject" class="form-control">
    </div>

    <div class="form-group">
        <textarea id="comments" name="comments" rows="8" cols="80"></textarea>
    </div>

    <div class="form-group">
        {% partial '@recaptcha' %}
    </div>

    <button id="simpleContactSubmitButton" type="submit" class="btn btn-default">Submit</button>

</form>

When you submit data you can see that data inside Magic form plugins records

You can also check other types of Magic Forms such as empty ajax form and upload ajax form.