#powershell
C:\Users\bob\django\project1> pip install django-crispy-forms
#project1/settings
INSTALLED_APPS = [
'crispy_forms',
...
]
CRISPY_TEMPLATE_PACK = 'bootstrap4'
---------------------------------------------
#music/templates/album_form
{% extends 'music/base.html' %}
{% block title %}Album{% endblock %}
{% block albums_active %}active{% endblock %}
{% load crispy_forms_tags %}
{% block body %}
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-md-7">
<form action="" method="post" enctype="multipart/form-data">
{% csrf_token %}
<fieldset class="form-group">
<legend class="border-bottom mb-4">Create/Update Album</legend>
</fieldset>
<div class="form-group">
{{ form|crispy }}
</div>
<div class="form-group">
<button class="btn btn-success btn-sm" type="submit">Submit</button>
</div>
</form>
</div>
</div>
</div>
{% endblock %}
------------------------------------------------------
#music/templates/login_form
{% extends 'music/base.html' %}
{% block title %}Album{% endblock %}
{% load crispy_forms_tags %}
{% block body %}
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-md-7">
<form action="" method="post" enctype="multipart/form-data">
{% csrf_token %}
<fieldset class="form-group">
<legend class="border-bottom mb-4">Log in</legend>
</fieldset>
<div class="form-group">
{{ form|crispy }}
</div>
<div class="form-group">
Don't have an account?
<a href="{% url 'music:register' %}">Register one</a>
</div>
<div class="form-group">
<button class="btn btn-success btn-sm" type="submit">Submit</button>
</div>
</form>
</div>
</div>
</div>
{% endblock %}
No comments:
Post a Comment