Upload AJAX Form

Note: AJAX file uploads are considered BETA.

Frontend

  1. Insert the "Upload AJAX Form" component on your page
  2. Allow uploads on component properties on "Uploader settings" group (configure the remaining options as needed)
  3. Override component HTML with your form | (more info)

    Note: replace uploadForm with your component alias name.

  4. Use this basic template and replace <!-- YOUR FORM FIELDS --> with your HTML fields:
{{ form_ajax(__SELF__ ~ '::onFormSubmit') }}
    <div id="{{ __SELF__ }}_forms_flash"></div>
    <!-- YOUR FORM FIELDS -->
    {% partial '@file-upload' %}
    {{ form_submit() }}
{{ form_close() }}

Backend

Uploads are accesible from the records viewer on the backend (Magic Forms > Records).

Mail Attachments

You can send uploaded files as mail attachments, just select the option on: Component > Notification Settings > Send Uploads.