Revamp registration form

This commit is contained in:
2021-09-13 16:13:47 +01:00
parent 4c5d958c6d
commit 9ca953423f

View File

@@ -1,21 +1,24 @@
{% extends 'base_rigs.html' %} {% extends 'base_rigs.html' %}
{% load widget_tweaks %} {% load widget_tweaks %}
{% load static %}
{% block title %}Registration{% endblock %} {% block title %}Registration{% endblock %}
{% block content %} {% block content %}
<div class="col-sm-10 col-sm-offset-1"> <div style="background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url({% static 'imgs/wof2014-1-small.jpg' %}); background-repeat: no-repeat; background-size: cover; width: 100vw; height: 100vh; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; margin-top: -24px; padding-top: 24px;">
<h3>New User Registration</h3> <div class="container">
<div class="card">
<h3 class="card-header">New User Registration</h3>
<div class="card-body">
{% if form.errors or supplement_form.errors %} {% if form.errors or supplement_form.errors %}
<div class="alert alert-danger"> <div class="alert alert-danger">
{{form.errors}} {{form.errors}}
{{supplement_form.errors}} {{supplement_form.errors}}
</div> </div>
{% endif %} {% endif %}
<div class="col-sm-8 col-sm-offset-2"> <div class="col-sm-8 col-sm-offset-2">
<form action="" method="post" class="" role="form">{% csrf_token %} <form method="post" role="form">{% csrf_token %}
{% for field in form %} {% for field in form %}
<div class="form-group"> <div class="form-group form-row">
<label for="{{ field.id_for_label }}" class="col-form-label col-sm-4">{{ field.label }}</label> <label for="{{ field.id_for_label }}" class="col-form-label col-sm-4">{{ field.label }}</label>
<div class="controls col-sm-8"> <div class="controls col-sm-8">
{% render_field field class+="form-control" placeholder=field.label %} {% render_field field class+="form-control" placeholder=field.label %}
@@ -25,5 +28,9 @@
<p><input type="submit" value="Register" class="btn btn-primary pull-right"></p> <p><input type="submit" value="Register" class="btn btn-primary pull-right"></p>
</form> </form>
</div> </div>
</div>
</div>
</div>
</div>
</div> </div>
{% endblock %} {% endblock %}