Skip to main content

Django CMS Section Plugin

Project description

A Django CMS container plugin for creating content sections.

This layout system relies on Bootstrap 4 and includes example SCSS styles that you can use with the plugin. To be able to use the SCSS files without modifications, you need to have the Bootstrap 4 variables included in your project.

It should be possible to just tweak the variables.less file to get the look and feel of your project.

Available with pip https://pypi.python.org/pypi/cmsplugin-section-ai

Features

  • Select the background image or background color for the section:
    • TRANSPARENT, CSS classname bg-color-transparent
    • LIGHT_GRAY, CSS classname bg-color-light-gray
    • PRIMARY, CSS classname bg-color-primary
    • SECONDARY, CSS classname bg-color-secondary
  • Define the number of columns:
    • Single column
    • Two columns
    • Three columns
    • Four columns
  • An optional title for each section
    • Justify title to left / center / right
  • Adjust section vertical padding
    • Large / Medium / Small padding options for both top and bottom
  • Select the container size
    • Options full-width / container / small container
  • Add extra margin for the inner columns
  • Align columns vertically to top / center / bottom
  • Select if the content text should be centered
  • Possibility to add an html id value for each section to enable anchor linking
  • Possibility to add buttons with custom URLs and define the button sizes and styles:
    • PRIMARY, CSS classname btn-primary
    • SECONDARY, CSS classname btn-secondary
    • LIGHT, CSS classname btn-light
    • DARK, CSS classname btn-dark
  • Justify buttons to left / center / right

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

cmsplugin-section-ai-0.1.0.tar.gz (6.8 kB view hashes)

Uploaded source

Built Distribution

cmsplugin_section_ai-0.1.0-py2.py3-none-any.whl (12.0 kB view hashes)

Uploaded py2 py3

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