FP-1318: Create Section Pattern via Style Plugin

[wesleyboar]

Overview

Quickly create existing TACC Section pattern via already-installed Django Style plugin.

CMS Admin/Designer has approved (via private review), but implementation should have dev review.

Tickets

• FP-1318 → FP-1478

Changes

To our default settings:

• Add DJANGOCMS_STYLE_CHOICES (docs).
  • to allow user to quickly create light Section or dark Section
• Add DJANGOCMS_STYLE_TAGS (docs).
  • to support <aside>
  • to document expected usage
  • to reference proof-of-concept improvement

Screenshots

⚠️ This video shows more class choices, because it includes #419 also.

FP-1318.Section.Pattern.via.Style.Plugin.mov

Testing

local: instructions
remote: https://dev.cep.tacc.utexas.edu/ (build, deploy)

1. On any page, create a Style plugin.
2. Choose CLASS NAME o-section o-section--style-dark.
3. Confirm dark Section is added.*
4. Choose CLASS NAME o-section o-section--style-light.
5. Confirm light Section is added.*

* You may confirm that the markup of the element added has the classname chosen. To see what the section should look like, compare to manual pattern library.

Notes

Related PRs

• Adding More Classes:
  FP-1414: More Classnames for Django CMS Style Plugin #419
• Using Container Instead:
  FP-1318: Create Section Pattern via Bootstrap Container Plugin #431