From 6fb5c5ca8b667d3c82f76e5b6c3aef15cc98c0b0 Mon Sep 17 00:00:00 2001 From: unknown <zack@wongbox.internal.wongworks.net> Date: Fri, 3 Jan 2020 12:23:39 +0800 Subject: [PATCH] add card layout to forms --- src/templates/base_form.html | 54 +++++++++++++++++++----------------- 1 file changed, 29 insertions(+), 25 deletions(-) diff --git a/src/templates/base_form.html b/src/templates/base_form.html index a979ae5..70b83b6 100644 --- a/src/templates/base_form.html +++ b/src/templates/base_form.html @@ -5,11 +5,11 @@ {% block content %} <div class="form-container"> <div class="form-header"> - <span class="tips"> - {% block tips %} - Enter your details into the fields below, then click the button to save. - {% endblock %} - </span> + <span class="tips"> + {% block tips %} + Enter your details into the fields below, then click the button to save. + {% endblock %} + </span> </div> {% block form %} <form action="{% block action_url %}{% url 'memberdb:register' %}{% endblock %}" method="post"> @@ -17,31 +17,35 @@ {% csrf_token %} {% if form.non_field_errors|length > 0 %} - <p class="errornote"> - Please correct the errors below. - </p> - {{ form.non_field_errors }} + <p class="errornote"> + Please correct the errors below. + </p> + {{ form.non_field_errors }} {% endif %} + <div class="card m-3"> + {% block extra_preform %}{% endblock %} - {% block extra_preform %}{% endblock %} - - {% for field in form %} - <div class="form-row"> - {{ field.errors }} - {{ field.label_tag }} - {{ field }} - {% if field.field.help_text %} - <p class="help"> - {{ field.field.help_text|safe }} - </p> - {% endif %} + {% for field in form %} + <div class="form-row"> + {{ field.errors }} + {{ field.label_tag }} + {{ field }} + {% if field.field.help_text %} + <p class="help"> + {{ field.field.help_text|safe }} + </p> + {% endif %} + </div> + {% endfor %} </div> - {% endfor %} + + <div class="card m-3"> {% block postform %}{% endblock %} - <div class="submit-row"> - <input type="submit" class="default" value="{% block action_text %}Register{% endblock %}"> + <div class="submit-row"> + <input type="submit" class="default" value="{% block action_text %}Register{% endblock %}"> + </div> </div> </form> {% endblock %} </div> -{% endblock %} +{% endblock %} \ No newline at end of file -- GitLab