Skip to main content

A plugin for django CMS which provides you an easy way to add accordion tabs to your pages. It’s minimalistic and can be easily customized via CSS.

Code analysis status https://cloud.githubusercontent.com/assets/3121306/25285817/d5607b10-26bb-11e7-9cd5-77914c52e885.png https://cloud.githubusercontent.com/assets/3121306/25285816/d55b2f66-26bb-11e7-8ee4-aa68508a9dc7.png

Installation

To get started using djangocms-simple-accordion:

  • install it with pip:

    $ pip install djangocms-simple-accordion
  • add the plugins to INSTALLED_APPS:

    INSTALLED_APPS = (
        ...
        'djangocms_accordion',
        ...
    )
  • run migrate djangocms_accordion.

Dependencies

  • Currently this plugin depends on bootstrap and glyphicons.

Customization

You can just override some of the CSS rules. In order to find the correct one, inspect the generated HTML in the development tools in the browser of your choice.

However, here are some commonly used customization options to get you started:

Tab-Icons

.accordion-title .accordion-toggleIcon:after {
  font-size: 13px;
  content: '\e080';
}
.accordion-title.active .accordion-toggleIcon:after {
  content: '\e114';
}

Accordion Color

.accordion {
  background-color: red;
}

Title font size

.accordion-title {
  font-size: 20px;
}

Transition Time

.u-accordion-transition {
  -webkit-transition: ease-in-out .2s;
  -moz-transition: ease-in-out .2s;
  -ms-transition: ease-in-out .2s;
  -o-transition: ease-in-out .2s;
  transition: ease-in-out .2s;
}

If you feel like you need to customize the plugin more than what is easily possible with CSS, go ahead and copy the directory djangocms_accordion into your django project.

Metadata

Release files for djangocms-simple-accordion 0.1.0

For a detailed explanation of source distributions (sdists) and built distributions (wheels), please see the package formats documentation.

Source distribution (sdist)

Source distribution for djangocms-simple-accordion 0.1.0
File Size Uploaded
djangocms-simple-accordion-0.1.0.tar.gz 7.2 kB Details

Release files / djangocms-simple-accordion-0.1.0.tar.gz

Download URL djangocms-simple-accordion-0.1.0.tar.gz
Size 7.2 kB
Tags Source
SHA-256 checksum
How to use checksums
670f2bef113fcc99851174cf99101db62b1e29d9a89c8b5596cc435539251028
BLAKE2b-256 checksum
How to use checksums
741cfe947026b88cd43bfb63b4332080c6cab399a677ba99db42f05a06f7d610
Upload date
Uploaded using Trusted Publishing?
What is trusted publishing?
No
Uploaded via twine/1.12.1 pkginfo/1.4.2 requests/2.20.1 setuptools/39.0.1 requests-toolbelt/0.8.0 tqdm/4.28.1 CPython/3.6.7

Release history Release notifications | RSS feed

This release

0.1.0 This release

1 release file

0.0.2

1 release file

0.0.1

1 release file

Anthropic, PBC Visionary sponsor Bloomberg Visionary sponsor Hudson River Trading Visionary sponsor Meta Visionary sponsor NVIDIA Visionary sponsor Microsoft Sustainability sponsor Depot Continuous Integration AWS Cloud computing and Security Sponsor Datadog Monitoring Fastly CDN Google Download Analytics Sentry Error logging StatusPage Status page