Skip to main content

Django application to demonstrate 'crispy-forms-foundation'

Project description

Introduction

This is a Django application to demonstrate crispy-forms-foundation using django-crispy-forms with Foundation.

Requires

Install

Edit your settings.py to add the following settings :

INSTALLED_APPS = (
    ...
    'crispy_forms',
    'crispy_forms_foundation',
    'crispy_forms_foundation_demo'
    ...
)

CRISPY_TEMPLATE_PACK = 'foundation-5'

Then mount it on your urls :

urlpatterns = patterns('',
    ...
    url(r'^crispies/', include('crispy_forms_foundation_demo.urls')),
    ...
)

And finally, some templates attempt to inherit from a skeleton.html template where you should load your Foundation assets (CSS and JS), here is a sample of this template you should create into your templates directory:

<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <title>{% block head_title %}Sample skeleton{% endblock %}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {% block header_content %}{% spaceless %}
        {% block head_base_links %}
            <link rel="stylesheet" href="{{ STATIC_URL }}css/foundation.min.css">
        {% endblock %}
        {% block head_base_js %}
            <script type="text/javascript" src="{{ STATIC_URL }}js/foundation.min.js"></script>
        {% endblock %}

    {% endspaceless %}{% endblock %}
</head>

<body>

    {% block content_container %}<div id="body_content"{% block content_container_attrs %}{% endblock %}>
        {% block base_content %}{% endblock %}
    </div>{% endblock %}

    {% block foot_more_js %}{% endblock %}
</body>
</html>

That’s all, now you can access to the demo.

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

crispy-forms-foundation-demo-0.5.0.tar.gz (7.0 kB view hashes)

Uploaded source

Supported by

AWS AWS Cloud computing Datadog Datadog Monitoring Facebook / Instagram Facebook / Instagram PSF Sponsor Fastly Fastly CDN Google Google Object Storage and Download Analytics Huawei Huawei PSF Sponsor Microsoft Microsoft PSF Sponsor NVIDIA NVIDIA PSF Sponsor Pingdom Pingdom Monitoring Salesforce Salesforce PSF Sponsor Sentry Sentry Error logging StatusPage StatusPage Status page