1 {% extends "layout.html" %}
2 {% load crispy_forms_tags %}
5 {{ wizard.form.media }}
6 <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/smart_wizard.css" />
11 <h1>User registration</h1>
16 {% for step in wizard.steps.all %}
18 <a href="#step-1" class="selected" isdone="0" rel="1">
19 <label class="stepNumber">{{forloop.counter}}</label>
20 <span class="stepDesc">Step {{forloop.counter}}<br><small>NAME OF THE STEP HERE</small></span>
25 <div style='clear: both;'/>
27 <form action="" method="post">{% csrf_token %}
29 {% if wizard.form.forms %}
30 {{ wizard.management_form }}
31 {% for form in wizard.form.forms %}
32 {% crispy form form.helper %}
35 {{ wizard.management_form }}
36 {% crispy wizard.form %}
40 {% if wizard.steps.prev %}
41 <button name="wizard_goto_step" type="submit" value="{{ wizard.steps.first }}">{% trans "first step" %}</button>
42 <button name="wizard_goto_step" type="submit" value="{{ wizard.steps.prev }}">{% trans "prev step" %}</button>
45 <div class='actionBar'>
46 <input class='buttonNext' type="submit" value="{% trans "submit" %}"/>
48 <div class="contrdol-group">
49 <div class="contrdols">
50 {% if wizard.steps.prev %}
51 <button class="buttonPrevious" name="wizard_goto_step" type="submit" value="{{ wizard.steps.prev }}">prev step</button>
53 <input class="buttonNext" type="submit" value="next step"/>
59 <div class="progress progress-info progress-striped" style="clear: both;">
60 <div class="bar" style="width:{% widthratio wizard.steps.step1 wizard.steps.count 100%}%">
61 Step {{ wizard.steps.step1 }} of {{ wizard.steps.count }}