Skip to main content

Grid system for Django-CMS users which aims for ease of use.

Project description

Code analysis status

Django-CMS Layouter is a plugin for Django CMS which aims to provide a grid system for authors and editors with a high ease of use and comprehensibility. It is leveraging Bootstrap (version 3 and 4 supported) as it is a very popular framework to create responsive websites.


Please feel free to contribute and help us to improve Django-CMS Layouter.

Installation and Configuration

Django-CMS Layouter supports Django-CMS>=3.4. It may work with any older version.

  • Install via pip: pip install djangocms-layouter.

  • Add layouter to INSTALLED_APPS.

  • Add url(r'^layouter/', include('layouter.urls', namespace='layouter'), ) to your url config

  • Run migrations: python migrate layouter.

  • Set the setting LAYOUTER_BOOTSTRAP_VERSION to 3 or 4.

  • Done.

Please note: Migrations are generated each release. If you checkout the current state of development migrations might be missing.

Static files

The required CSS and JavaScript files are added to the sekizai blocks css and js. If you don’t use these blocks, you need to manually add the static files:

  • layouter/css/layouter.css

  • layouter/js/layouter.js

Both are only required when the toolbar is in edit_mode.


These are the core features of Django-CMS Layouter:

  • Flat tree in structure mode

  • Automatic arrangement of columns, for different screen sizes

  • Warning, due to too many plugins, in structure mode

  • Optional equal height for columns (uses CSS3 flexbox)

  • Toggle grid - show and hide grid in content mode

Migrating to Django>=2

There is not much you need to do. Just run update and python migrate.


No software is perfect, everyone’s code sucks. Feel free to suggest, criticize and/or contribute.

Dynamic Warning Updates - Dragging and Dropping in the structure view does not update the warnings within the plugin.

Add support for Divio Cloud - Adding support for the Divio Cloud, so that the Layouter is installable via Divio Cloud control panel.

Author / Editor Documentation - IMHO this is one of the things Django-CMS lacks. We need more and better resources for authors and editors. Not only for Django-CMS, this plugin needs it to, for sure.

Advanced Mode - Not completely sure what it should look like. The current implementation is very limited when it comes to adapting columns for different screen sizes or using more than 4 columns. It currently is completely defined by this plugin, which can be good, but does not have to be. Some users want the plugin to take care, others want to control the behaviour themselves.

Tests - There should be something like casper.js tests, maybe there is something better.

Download files

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

Source Distribution

djangocms-layouter-1.0.0.tar.gz (37.7 kB view hashes)

Uploaded source

Supported by

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