Package: djangocms-cascade
djangocms-cascadeThe Swiss army knife for working with Django-CMS plugins.Why Use DjangoCMS-Cascade?DjangoCMS-Cascadeis a collection of plugins for Django-CMSplaceholders.
Instead of creating one database model for each CMS plugin, Cascade shares one database model for
all of them. The payload then is stored inside a JSON field instead of declaring each attribute
explicitly. This furthermore prevents us to handle all kind of nasty database migration problems.FeaturesPerfect for nested grid systemsSinceCascadekeeps track on the widths of all columns,<img>and<picture>elements can
be rendered in a responsive way, so that the browser only loads the image required for the visible
viewport.Extend plugins with additional featuresUsing a JSON field to store the payload gives us much more flexibility. We can for instance enrich
our plugins with additional attributes, configured during runtime. This can be used to optionally
share attributes across different plugins (referenced by an alias name), add CSS classes and styles,
or offer alternative rendering templates.Set links onto your own viewsAnother nice aspect of this approach is, that we can override the functionality used to set links
onto pages which are not part of the CMS. This is specially useful, since we do not want to
re-implement this functionality for all plugins, which require links, ie. images, pictures,
buttons and text-links.Copy content and paste it somewhere elseSince the payload of plugins is already serialized, we can even copy them from one site to another
site supportingdjangocms-cascade.DocumentationFind detailed documentation onReadTheDocs.Please see theRelease Notesbefore upgrading from an older version.ArchitectureIt's pluggableDjangoCMS-Cascadeis very modular, keeping its CMS modules in functional groups. These groups
have to be activated independently in the project'ssettings.py. It also is possible to activate
only certain plugins out of a group. Currently Bootstrap-4 is implemented, but this app could
easily be extended for other CSS frameworks.Configurable individuallyEachCascadeplugin 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 dataEachCascadeplugin 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 DOMIt 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 ImagesIn modern web development, images must adopt to the column width in which they are rendered.
Therefore the<img ...>tag, in addition to the well knownsrcattribute, also accepts
additionalsrcset's, one for each media query. Heredjangocms-cascadecalculates the
required widths for each image, depending on the current column layout considering all media
breakpoints.This is also implemented for the<picture>element with all of it's children, normally<source srcset="...">.It also supports resolutions of more than one physical pixel per logical pixel as found in Retina
displays.Other FeaturesUse the scaffolding technique from the preferred CSS framework to subdivide a placeholder into agrid system.Make full usage of responsive techniques, by allowingstacked to horizontalclasses per element.Use styledbuttonsto add links.Wrap special content into aJumbotronor aCarousel.Add<img>and<picture>elements in a responsive way, so that more than one image URL
points onto the resized sources, one for each viewport using thesrcsettags or the<source>elements.Use segmentation to conditionally render parts of the DOM.Temporarily hide a plugin to show up in the DOM.Upload an self composed font fromFontelloand use it's icon in plain text
or as framed eye catchers.It is very easy to integrate additional elements from the preferred CSS framework. For instance,
implementing the Bootstrap Carousel, requires only 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.CurrentlyBootstrap-4is supported, but other CSS frameworks can be easily added in a
pluggable manner.It follows the "batteries included" philosophy, but still remains very modular.In addition to easily implement any kind of plugin,DjangoCMS-Cascademakes 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 optionalidtag, CSS classes and inline styles. This
is configurable on a plugin and site base.It is possible to customize the rendering templates shipped with the plugins.Since all data is JSON, you can dump the content of one placeholder and insert it into another one,
even on a foreign site. This for instance is useful to transfer pages from the staging site to production.Help appreciatedIf someone wants to start a subproject for a CSS framework, other than Bootstrap-4/5.If you are a native English speaker, please check the documentation for spelling mistakes and
grammar, since English is not my mother tongue.