Coder Social home page Coder Social logo

djangocms-cascade's Introduction

djangocms-cascade

DjangoCMS-Cascade is the successor of DjangoCMS-Bootstrap which is still available under this repository branch.

Add DOM elements to a Django-CMS placeholder

DjangoCMS-Cascade is a collection of plugins for DjangoCMS >3.0 to add various HTML elements from CSS frameworks, such as Twitter Bootstrap or the 960 Grid System to any CMS placeholder. Currently Bootstrap-3.x and 960.gs are supported, but this module makes it very easy to add your preferred CSS frameworks. It is also very easy to extend an existing collection with additional elements.

DjangoCMS-Cascade 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, or even the Bootstrap Carousel.

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.
  • Wrap special content into a Jumbotron or a Carousel
  • Add thumbnails and images in a responsive way.
  • It is very easy to integrate additional elements from the preferred CSS framework, sometimes with less than 20 lines of code.
  • Currenty Bootstrap-3.x and 960.gs are supported, but other CSS frameworks can be easily added in a pluggable manner.

For instance, implementing the Bootstrap Carousel, required 50 lines of Python code and a simple Django template.

Detailed documentation

Find detailed documentation on ReadTheDocs.

Build status

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.

DjangoCMS starting with version 3.0, allows to nest plugins inside other plugins. This feature made it possible to implement a similar collection of plugins, named DjangoCMS-Bootstrap and restricted to Twitter Bootstrap version 2.3.2.

In DjangoCMS-Cascade, this limitation also has been dropped, enabeling it to be used for every kind of CSS framework - thus it has been renamed again. Additionally, the database model has been reduced into one single field, which now stores all kind of arbitrary data and to be extensible in a very flexible way.

License

Released under the terms of MIT License.

Copyright (C) 2014, Jacob Rief [email protected]

djangocms-cascade's People

Contributors

asmaps avatar beniwohli avatar czpython avatar digi604 avatar jotielim avatar jrief avatar ojii avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.