Usage

{% extends "site_base.html" %}

{% block messages %}{% endblock %}

{% block body %}
<section class="fragment-container">
    <h1>Pinax Waitinglist Fragments</h1>

    <h2><div class="variation">Signup Form</div><code>_list_signup.html</code></h2>
    <div class="waitinglist-fragment-container">
        {% include "pinax/waitinglist/_list_signup.html" %}
    </div>

    <h2><div class="variation">Successful Signup</div><code>_success.html</code></h2>
    <div class="waitinglist-fragment-container">
        {% include "pinax/waitinglist/_success.html" %}
    </div>
</section>
{% endblock %}

pinax/waitinglist/_list_signup.html

{% load bootstrap i18n %}
<div id="waitinglist">
    <p>Enter your email address to reserve your spot in our private beta&hellip;</p>

    <form method="post" action="{% url 'pinax_waitinglist:ajax_list_signup' %}" class="form-inline ajax" data-replace="#waitinglist">
        {% csrf_token %}
        {{ form|bootstrap }}
        <div class="form-actions">
            <button>{% trans "Submit" %}</button>
        </div>
    </form>
</div>

pinax/waitinglist/_success.html

<div class="alert alert-success">
    You have been added to the waiting list.
</div>