**Django Crispy Forms** is a Python package that styles the Django forms with the help of built-in template packs.

# 
## Example without crispy forms
A Django application with a simple form is given below: 
* We start the terminal by clicking the "Run" button.

* We will find a simple form in the given application by clicking on the provided link below the "Run" button.

#!/usr/bin/env python
"""Django's command-line utility for administrative tasks."""
import os
import sys


def main():
    """Run administrative tasks."""
    os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'my_project.settings')
    try:
        from django.core.management import execute_from_command_line
    except ImportError as exc:
        raise ImportError(
            "Couldn't import Django. Are you sure it's installed and "
            "available on your PYTHONPATH environment variable? Did you "
            "forget to activate a virtual environment?"
        ) from exc
    execute_from_command_line(sys.argv)


if __name__ == '__main__':
    main()


import React from 'react';
import { shallow, configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';

configure({ adapter: new Adapter() });

import HelloWorld from './app';

var TestResult = function() {
    this.succeeded = false;
    this.reason = "";
    this.input = "";
    this.expected_output = "";
    this.actual_output = "";
}

export const executeTests = function() {

  var results = [];

  result = new TestResult();
  result.input = 'HelloWorld Component';
  result.expected_output = "span containing text 'Hello World'"

  let wrapper = shallow(<HelloWorld />);

  // Call your Challenge function here.

  let type = wrapper.type();
  let testSuccessful = true;
  let failureReason;

  if (type !== 'span') {
    testSuccessful = false;
    failureReason = "You need to render exactly one span HTML element";
  } else if (wrapper.props().children != "Hello World") {
     testSuccessful = false;
     failureReason = "You have rendered wrong message in your span element";
  }

  result.actual_output = wrapper.html();

  if (testSuccessful) {
    result.succeeded = true;
    result.reason = "Succeeded"
  } else {
    result.succeeded = false;
    result.reason = failureReason;
  }

  results.push(result);

  return results;
}


Django_forms

React

Dart

GoJS React

Typescript React

Vue.js

# 
## Installation 

We install the Django crispy forms using the following command:
```
pip install django-crispy-forms
```
> **Note**: Django crispy form has already been installed on our platform. 

We added `crispy_forms` to the `INSTALLED_APPS` section in `settings.py` to integrate the Django crispy forms in the app.

In addition, we added the `crispy template packs` below the `INSTALLED_APPS` section. It is the built-in support of different CSS platforms. 

> **Note**: In the example below, `bootstrap` is used as a
 **crispy template pack**, but we can use `unif-form`, `bootstrap3`, and `bootstrap4` here, too. 

## How can we use crispy forms in Django?

After installation, we added `{% load crispy_forms_tags %}` at the top of `templates/forms/sampleform.html`. It will help to call the crispy form filters in this form. 

If we want to display the complete form without any modifications, we can use `{{ form|crispy }}` to save time. We have used `{{ name_of_field|as_crispy_field }}` for each field in this form. That allows adding modifications to a specific field.

All necessary modifications have been done, and we can review the code in the widget below.

Now, we click the "Run" button and see the updated form by clicking on the link given below.

django.tar.gz

What is Django crispy forms? 

Enhances Django forms' styling with built-in templates using CSS frameworks like Bootstrap.