Skip to main content

Django Materialize Form

Project description

A simple Django library to render your form in Material Design

Installation

pip install django-materialize-form

Usage

  • Add “materializeform” to your INSTALLED_APPS.

  • At the top of your django templates load our templatetags

    {% load materialize %}

Then to render your form

<form action='.' method='post'>
    {% csrf_token %}
    {{ form|materialize }}
    <button type='submit' class="btn blue">Submit</button>
</form>

You can also set column class for each fields on the form

<form action='.' method='post'>
    {% csrf_token %}
    <div class="row">
    {{ form.email|materialize:"s12" }}
    </div>

    <div class="row">
    {{ form.first_name|materialize:"s6" }}
    {{ form.last_name|materialize:"s6" }}
    </div>

    <button type='submit' class="btn blue">Submit</button>
</form>

If you have ‘select’ menu in your form

Then please include,

<script>
  $(function(){
    $(document).ready(function() {
      $('select.select').material_select();
      $('select.multiselect').show();
    });
  });
</script>

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

django-materialize-form-0.1.1.zip (6.1 kB view details)

Uploaded Source

File details

Details for the file django-materialize-form-0.1.1.zip.

File metadata

File hashes

Hashes for django-materialize-form-0.1.1.zip
Algorithm Hash digest
SHA256 1c5092f80a4e8f56ad8a5ca5b7a75795b93b8b3ac1fa8200d96fbc7949049265
MD5 eb32b7951f26a39d8ed9a3b21ca1f9cd
BLAKE2b-256 ac1b2ade76a9b1d3e5707cc72c01f7df69fcbef3b0ce6abb1278013a50fed777

See more details on using hashes here.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Depot Continuous Integration Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page