Skip to main content

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>

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.

Release history Release notifications | RSS feed

This release

0.1.1 This release

1 file

Anthropic, PBC Visionary sponsor Bloomberg Visionary sponsor Hudson River Trading Visionary sponsor Meta Visionary sponsor NVIDIA Visionary sponsor Microsoft Sustainability sponsor Depot Continuous Integration AWS Cloud computing and Security Sponsor Datadog Monitoring Fastly CDN Google Download Analytics Sentry Error logging StatusPage Status page