Collection of plugins for DjangoCMS >3.0 to add various HTML elements from CSS frameworks to any CMS placeholder
Project description
DjangoCMS-Cascade is the Swiss army knife for working with Django CMS plugins.
NEWS
As of 2015-Oct-07, the code-base has been refactored to support Django-1.9. If somebody uses DjangoCMS-Cascade with Django-1.6 or lower, please send me an email. Otherwise I will drop support for those deprecated Django versions.
Detailed documentation
Find detailed documentation on ReadTheDocs.
Add DOM elements to a Django-CMS placeholder
DjangoCMS-Cascade is a collection of plugins for DjangoCMS >= 3.0.8 to add various HTML elements to any CMS placeholder in a hierarchical tree.
It allows web editors to layout their pages, without having to edit Django templates. In most cases, one template with one single placeholder is enough. The editor then can subdivide that placeholder into rows and columns, and add additional elements such as buttons, rulers, and much more.
Currently about a dozen compontents from Bootstrap-3.x are avialble, but Cascade makes it very easy to add additional compontents, often with less than 20 lines of Python code and without any database migrations.
Since all plugins share the same database table, it is very easy to build inheritance trees. For instance, Cascade’s own LinkPlugin inherits from a LinkPluginBase, which also is the parent of the ImagePlugin and the ButtonPlugin. This helps to share the common functionality required for linking.
Its pluggable
DjangoCMS-Cascade is very modular, keeping its CMS modules in functional groups. These groups have to be activated independently in your settings.py. It also is possible to activate only certain Plugins out of a group. One such group is cmsplugin_cascade.bootstrap3, but it could be replaced by a future Bootstrap-4, the Foundation, YUI or whatever other CSS framework you prefer.
Configurable individually
Each Cascade Plugin can be styled individually. The site-administrator can specify which CSS styles and CSS classes can be added to each plugin. Then the page-editor can pick one of the allowed styles to adopt his elements accordingly.
Reuse your data
Each Cascade Plugin can be configured by the site-administrator to share some or all of its data fields. This for instance is handy, to keep references onto external URLs in a central place. Or is can be used to resize all images sharing a cetrain property in one go.
Segment the DOM
It is even possible to group plugins into seperate evaluation contexts. This for instance is used to render different Plugins, depending on whether a user is authenticated or anonymous.
Responsive Images
In modern web development, images must adopt to the column width in which they are rendered. Therefore the <img ...> tag, in addition to the well known src attribute, also accepts additional srcset’s, one for each media query. DjangoCMS-Cascade calculates the required widths for each image, depending on the current column layout considering all media breakpoints.
Help needed
If you like this project, please invest some time and test it with Django-1.7/1.8, django-cms-3.1/3.2 and if possible Python-3.4.
Features
Use the scaffolding technique from the preferred CSS framework to subdivide a placeholder into a grid system.
Make full usage of responsive techniques, by allowing stacked to horizontal classes per element.
Use styled buttons to add links.
Add <img> and <picture> elements in a responsive way, so that more than one image URL point onto the resized sources, one for each viewport using the srcset tags or the <source> elements.
Use segmentation the render parts of the DOM conditionally.
It is very easy to integrate additional elements from the preferred CSS framework. For instance, implementing the Bootstrap Carousel, required 50 lines of Python code and two simple Django templates.
Since all the data is stored in JSON, no database migration is required if a field is added, modified or removed from the plugin.
Currently Bootstrap-3.x is supported, but other CSS frameworks can be easily added in a pluggable manner.
In addition to easily implement any kind of plugin, DjangoCMS-Cascade makes it possible to add reusable helpers. Such a helper enriches a plugin with an additional, configurable functionality:
By making some of the plugin fields sharable, one can reuse these values for other plugins of the same kind. This for instance is handy for the image and picture plugin, so that images always are resized to predefined values.
By allowing extra fields, one can add an optional id tag, CSS classes and inline styles. This is configurable on a plugin and site base.
Build status
History
This project started as a simple wrapper for the DjangoCMS TextPlugin, so that text elements could be shifted horizontally using the Grid System 960. Later on, support for 960.gs was dropped in favor of Twitter Bootstrap. Now the aim of the project is to fully support all Bootstrap components and more, so that djangoCMS can be used to build a website with as many widgets as possible, without having to edit templates.
DjangoCMS starting with version 3.0, allows to nest plugins inside other plugins. This feature made it possible to implement this kind of plugin.
License
Released under the terms of MIT License.
Copyright © 2015, Jacob Rief jacob.rief@gmail.com
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
File details
Details for the file djangocms-cascade-0.6.2.tar.gz.
File metadata
- Download URL: djangocms-cascade-0.6.2.tar.gz
- Upload date:
- Size: 924.7 kB
- Tags: Source
- Uploaded using Trusted Publishing? No
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | 7e2a52bd8246ea9b4670b64fef017fcd957b0308f11465a0557e479b6f85e4e6 |
|
| MD5 | 4f92b24ff8e8946f50d48a337694ebc0 |
|
| BLAKE2b-256 | e12977c4040e903c3749f4b959c8abbbe77f50c96f3ec8915232d20600f87c19 |
