Component styling + CKEditor: how to provide controlled flexibility

Learn techniques for freeing your users to create beautiful content!

Once upon a time, a sophisticated and ambitious client wanted to apply buttons, text panels, font styles, image styles, and more in their content areas. It needed to "just work" upon save, and accurately display a preview of the styles in the editing interface. Their content creators and editors needed the ability to add attractive styling to the content without the perils of too many options and muddying the branding.

Amber and Marlene will walk you though the story, starting with designing using style tiles, to the nuts and bolts of CKEditor implementation, through the twists and turns of CTools styles, and even covering strategies for architecting Sass for the most DRY input/output.

We're marking this as intermediate since we'll be assuming you know the basics of how Drupal works, including content type setup, module installation, and basic theming. However, beginners are still welcome!

You'll be able to walk away with info such as:

  • CKEditor configuration tips
  • Panels / CTools styles implementation (plus alternatives for block-level styling)
  • Component design strategies
  • Style tiles and how they help client and team communication
  • Efficiently structuring Sass / CSS for reusable styles

Creating something that's beautiful, simple, and easy to use can ironically be complex, confusing, and scary, but we'll show you that it's not only possible but one way of achieving it!

Schedule info
Track: 
Frontend
Experience level: 
Intermediate
Drupal Version: 
Drupal 7.x