• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
EVOLVE'13 | Enhance | Responsive Design | Chis Leggett
 

EVOLVE'13 | Enhance | Responsive Design | Chis Leggett

on

  • 393 views

 

Statistics

Views

Total Views
393
Views on SlideShare
393
Embed Views
0

Actions

Likes
0
Downloads
23
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    EVOLVE'13 | Enhance | Responsive Design | Chis Leggett EVOLVE'13 | Enhance | Responsive Design | Chis Leggett Presentation Transcript

    • 1 ADOBE CQ ENHANCEMENTS FOR RESPONSIVE DESIGN AND EDITORIAL CONTROL
    • 2 INTRODUCTION • Christopher Leggett • Senior Developer • Velir • 6 Years Web Development Experience
    • 3 VELIR
    • 4 CQ ENHANCEMENTS Focus For Enhancements • Support Responsive Design • Ease Content Entry • Aim To Solve Common Needs • Contribute To The CQ Community https://github.com/Velir/AEM-Toolbox
    • 5 CQ ENHANCEMENTS Enhanced Image Servlet • New Resizing Options New Widgets • Structured Multi List • YouTube Search Rich Text Editor Plugins • New RTE Plugins • How To Build Your Own
    • 6 CQ ENHANCEMENTS Enhanced Image Servlet Existing Image Servlet
    • 7 CQ ENHANCEMENTS Enhanced Image Servlet Existing Image Servlet Features
    • 8 CQ ENHANCEMENTS Enhanced Image Servlet Resizing Considerations
    • 9 CQ ENHANCEMENTS Enhanced Image Servlet Hard Width/Height Resizing
    • 10 CQ ENHANCEMENTS Enhanced Image Servlet Max Width/Height and Min Width/Height Resizing
    • 11 CQ ENHANCEMENTS Enhanced Image Servlet How To Use It
    • 12 CQ ENHANCEMENTS Enhanced Image Servlet Skip Image Resizing With “.no” Selector • Image Gallery
    • 13 CQ ENHANCEMENTS Enhanced Image Servlet
    • 14 CQ ENHANCEMENTS Enhanced Image Servlet Demo
    • 15 CQ ENHANCEMENTS Structured Multi List Widget CQ Widgets
    • 16 CQ ENHANCEMENTS Structured Multi List Widget What’s Missing
    • 17 CQ ENHANCEMENTS Structured Multi List Widget Carousel Component
    • 18 CQ ENHANCEMENTS Structured Multi List Widget Cast Of Heroes
    • 19 CQ ENHANCEMENTS Structured Multi List Widget Our Solution
    • 20 CQ ENHANCEMENTS Structured Multi List Widget Vault XML Definition
    • 21 CQ ENHANCEMENTS Structured Multi List Widget Demo
    • 22 CQ ENHANCEMENTS YouTube Search Widget
    • 23 CQ ENHANCEMENTS YouTube Search Widget Demo
    • 24 CQ ENHANCEMENTS Rich Text Editor Plugins Rich Text Editor
    • 25 CQ ENHANCEMENTS Rich Text Editor Plugins Provided Plugins • Basic Formatting (Bold, Italic, Underline) • Justify (Left, Right, Center) • Hyperlinks • Lists • Format (Wrapping Tag) • Styling (CSS Class) • Tables • Source Editing • Special Characters
    • 26 CQ ENHANCEMENTS Rich Text Editor Plugins Additional Plugins • Blockquote Plugin • Formatting Plugin
    • 27 CQ ENHANCEMENTS Rich Text Editor Plugins Demo
    • 28 CQ ENHANCEMENTS Rich Text Editor Plugins What’s needed to build a plugin • Plugin object (Extends CQ.form.rte.plugins.Plugin) • UI objects (Extends CQ.form.rte.ui.TbElement) • Command objects (Extends CQ.form.rte.commands.Command)
    • 29 CQ ENHANCEMENTS Rich Text Editor Plugins Three Execution Paths • UI Initialization • Command Execution • UI Updates
    • 30 CQ ENHANCEMENTS Rich Text Editor Plugins UI Initialization
    • 31 CQ ENHANCEMENTS Rich Text Editor Plugins Command Execution
    • 32 CQ ENHANCEMENTS Rich Text Editor Plugins UI Updates
    • 33 CQ ENHANCEMENTS Christopher Leggett Senior Developer Velir christopher.leggett@velir.com Open Source • https://github.com/Velir/AEM-Toolbox .com