Soumettre la recherche
Mettre en ligne
User Interface customization for AEM 6
•
33 j'aime
•
18,574 vues
Damien Antipa
Suivre
http://dev.day.com/content/ddc/en/gems/user-interface-customization-for-aem-6.html
Lire moins
Lire la suite
Logiciels
Technologie
Business
Signaler
Partager
Signaler
Partager
1 sur 54
Recommandé
Using and extending Alfresco Content Application
Using and extending Alfresco Content Application
Denys Vuika
Multiple Shared Processor Pools In Power Systems
Multiple Shared Processor Pools In Power Systems
Andrey Klyachkin
EMC Documentum - xCP 2.x Installation and Deployment
EMC Documentum - xCP 2.x Installation and Deployment
Haytham Ghandour
AEM Meetup Sydney - Content Migration with CRX2Oak
AEM Meetup Sydney - Content Migration with CRX2Oak
Michael Henderson
Python for-unix-and-linux-system-administration
Python for-unix-and-linux-system-administration
Victor Marcelino
Jenkins를 활용한 Openshift CI/CD 구성
Jenkins를 활용한 Openshift CI/CD 구성
rockplace
Microservices-DDD-Telosys-Devoxx-FR-2022
Microservices-DDD-Telosys-Devoxx-FR-2022
Laurent Guérin
Centralized Logging with syslog
Centralized Logging with syslog
amiable_indian
Recommandé
Using and extending Alfresco Content Application
Using and extending Alfresco Content Application
Denys Vuika
Multiple Shared Processor Pools In Power Systems
Multiple Shared Processor Pools In Power Systems
Andrey Klyachkin
EMC Documentum - xCP 2.x Installation and Deployment
EMC Documentum - xCP 2.x Installation and Deployment
Haytham Ghandour
AEM Meetup Sydney - Content Migration with CRX2Oak
AEM Meetup Sydney - Content Migration with CRX2Oak
Michael Henderson
Python for-unix-and-linux-system-administration
Python for-unix-and-linux-system-administration
Victor Marcelino
Jenkins를 활용한 Openshift CI/CD 구성
Jenkins를 활용한 Openshift CI/CD 구성
rockplace
Microservices-DDD-Telosys-Devoxx-FR-2022
Microservices-DDD-Telosys-Devoxx-FR-2022
Laurent Guérin
Centralized Logging with syslog
Centralized Logging with syslog
amiable_indian
AEM Asset and Tag API
AEM Asset and Tag API
Lokesh BS
introduction and configuration of IIS (in addition with printer)
introduction and configuration of IIS (in addition with printer)
Assay Khan
xCP 2.1 Developer Guide
xCP 2.1 Developer Guide
Haytham Ghandour
Aem dispatcher – tips & tricks
Aem dispatcher – tips & tricks
Ashokkumar T A
Osgi
Osgi
Heena Madan
IBM Filenet Content Navigator + IBM Docs screen demo
IBM Filenet Content Navigator + IBM Docs screen demo
Brian Pearson
Keycloak theme customization
Keycloak theme customization
Ravi Yasas
Powershell Demo Presentation
Powershell Demo Presentation
Avik Bhattacharyya
Spring cloud on kubernetes
Spring cloud on kubernetes
SangSun Park
AIX - LVM 이란?
AIX - LVM 이란?
CheolHee Han
Maven ppt
Maven ppt
natashasweety7
EMC Documentum - xCP 2.x Troubleshooting
EMC Documentum - xCP 2.x Troubleshooting
Haytham Ghandour
IBM Cloud PowerVS - AIX and IBM i on Cloud
IBM Cloud PowerVS - AIX and IBM i on Cloud
Nagesh Ramamoorthy
Top 10 reasons to migrate to Gradle
Top 10 reasons to migrate to Gradle
Strannik_2013
Hacking Jenkins
Hacking Jenkins
Miro Cupak
Automating with Ansible
Automating with Ansible
Ricardo Schmidt
IIS
IIS
Giritharan V
KVM tools and enterprise usage
KVM tools and enterprise usage
vincentvdk
Rapid JCR applications development with Sling
Rapid JCR applications development with Sling
Bertrand Delacretaz
Student guide power systems for aix - virtualization i implementing virtual...
Student guide power systems for aix - virtualization i implementing virtual...
solarisyougood
AEM 6.1 User Interface Customization
AEM 6.1 User Interface Customization
Christian Meyer
AEM Best Practices for Component Development
AEM Best Practices for Component Development
Gabriel Walt
Contenu connexe
Tendances
AEM Asset and Tag API
AEM Asset and Tag API
Lokesh BS
introduction and configuration of IIS (in addition with printer)
introduction and configuration of IIS (in addition with printer)
Assay Khan
xCP 2.1 Developer Guide
xCP 2.1 Developer Guide
Haytham Ghandour
Aem dispatcher – tips & tricks
Aem dispatcher – tips & tricks
Ashokkumar T A
Osgi
Osgi
Heena Madan
IBM Filenet Content Navigator + IBM Docs screen demo
IBM Filenet Content Navigator + IBM Docs screen demo
Brian Pearson
Keycloak theme customization
Keycloak theme customization
Ravi Yasas
Powershell Demo Presentation
Powershell Demo Presentation
Avik Bhattacharyya
Spring cloud on kubernetes
Spring cloud on kubernetes
SangSun Park
AIX - LVM 이란?
AIX - LVM 이란?
CheolHee Han
Maven ppt
Maven ppt
natashasweety7
EMC Documentum - xCP 2.x Troubleshooting
EMC Documentum - xCP 2.x Troubleshooting
Haytham Ghandour
IBM Cloud PowerVS - AIX and IBM i on Cloud
IBM Cloud PowerVS - AIX and IBM i on Cloud
Nagesh Ramamoorthy
Top 10 reasons to migrate to Gradle
Top 10 reasons to migrate to Gradle
Strannik_2013
Hacking Jenkins
Hacking Jenkins
Miro Cupak
Automating with Ansible
Automating with Ansible
Ricardo Schmidt
IIS
IIS
Giritharan V
KVM tools and enterprise usage
KVM tools and enterprise usage
vincentvdk
Rapid JCR applications development with Sling
Rapid JCR applications development with Sling
Bertrand Delacretaz
Student guide power systems for aix - virtualization i implementing virtual...
Student guide power systems for aix - virtualization i implementing virtual...
solarisyougood
Tendances
(20)
AEM Asset and Tag API
AEM Asset and Tag API
introduction and configuration of IIS (in addition with printer)
introduction and configuration of IIS (in addition with printer)
xCP 2.1 Developer Guide
xCP 2.1 Developer Guide
Aem dispatcher – tips & tricks
Aem dispatcher – tips & tricks
Osgi
Osgi
IBM Filenet Content Navigator + IBM Docs screen demo
IBM Filenet Content Navigator + IBM Docs screen demo
Keycloak theme customization
Keycloak theme customization
Powershell Demo Presentation
Powershell Demo Presentation
Spring cloud on kubernetes
Spring cloud on kubernetes
AIX - LVM 이란?
AIX - LVM 이란?
Maven ppt
Maven ppt
EMC Documentum - xCP 2.x Troubleshooting
EMC Documentum - xCP 2.x Troubleshooting
IBM Cloud PowerVS - AIX and IBM i on Cloud
IBM Cloud PowerVS - AIX and IBM i on Cloud
Top 10 reasons to migrate to Gradle
Top 10 reasons to migrate to Gradle
Hacking Jenkins
Hacking Jenkins
Automating with Ansible
Automating with Ansible
IIS
IIS
KVM tools and enterprise usage
KVM tools and enterprise usage
Rapid JCR applications development with Sling
Rapid JCR applications development with Sling
Student guide power systems for aix - virtualization i implementing virtual...
Student guide power systems for aix - virtualization i implementing virtual...
En vedette
AEM 6.1 User Interface Customization
AEM 6.1 User Interface Customization
Christian Meyer
AEM Best Practices for Component Development
AEM Best Practices for Component Development
Gabriel Walt
User interface customization for aem6 circuit
User interface customization for aem6 circuit
Damien Antipa
UI Customization in AEM 6.0
UI Customization in AEM 6.0
Gilles Knobloch
AEM 6.0 - Author UI Customization & Features
AEM 6.0 - Author UI Customization & Features
Abhinit Bhatnagar
AEM - Client Libraries
AEM - Client Libraries
Prabhdeep Singh
REST in AEM
REST in AEM
Roy Fielding
The six key steps to AEM architecture
The six key steps to AEM architecture
Ashokkumar T A
CIRCUIT 2015 - UI Customization in AEM 6.1
CIRCUIT 2015 - UI Customization in AEM 6.1
ICF CIRCUIT
AEM 6.0 Touch-optimized UI
AEM 6.0 Touch-optimized UI
Gilles Knobloch
Introduction to Marketing Cloud UI, Adobe Summit 2014
Introduction to Marketing Cloud UI, Adobe Summit 2014
Damien Antipa
(Re)discover your AEM
(Re)discover your AEM
Jakub Wadolowski
Adobe AEM CQ5 - Developer Introduction
Adobe AEM CQ5 - Developer Introduction
Yash Mody
Introduction to Sightly and Sling Models
Introduction to Sightly and Sling Models
Stefano Celentano
AEM (CQ) Dispatcher Security and CDN+Browser Caching
AEM (CQ) Dispatcher Security and CDN+Browser Caching
Andrew Khoury
Master Chef class: learn how to quickly cook delightful CQ/AEM infrastructures
Master Chef class: learn how to quickly cook delightful CQ/AEM infrastructures
François Le Droff
Adobe AEM Commerce with hybris
Adobe AEM Commerce with hybris
Paolo Mottadelli
New Repository in AEM 6 by Michael Marth
New Repository in AEM 6 by Michael Marth
AEM HUB
Touching the AEM component dialog by Mateusz Chromiński
Touching the AEM component dialog by Mateusz Chromiński
AEM HUB
Building Quality into the AEM Publication Workflow with Active Standards by D...
Building Quality into the AEM Publication Workflow with Active Standards by D...
AEM HUB
En vedette
(20)
AEM 6.1 User Interface Customization
AEM 6.1 User Interface Customization
AEM Best Practices for Component Development
AEM Best Practices for Component Development
User interface customization for aem6 circuit
User interface customization for aem6 circuit
UI Customization in AEM 6.0
UI Customization in AEM 6.0
AEM 6.0 - Author UI Customization & Features
AEM 6.0 - Author UI Customization & Features
AEM - Client Libraries
AEM - Client Libraries
REST in AEM
REST in AEM
The six key steps to AEM architecture
The six key steps to AEM architecture
CIRCUIT 2015 - UI Customization in AEM 6.1
CIRCUIT 2015 - UI Customization in AEM 6.1
AEM 6.0 Touch-optimized UI
AEM 6.0 Touch-optimized UI
Introduction to Marketing Cloud UI, Adobe Summit 2014
Introduction to Marketing Cloud UI, Adobe Summit 2014
(Re)discover your AEM
(Re)discover your AEM
Adobe AEM CQ5 - Developer Introduction
Adobe AEM CQ5 - Developer Introduction
Introduction to Sightly and Sling Models
Introduction to Sightly and Sling Models
AEM (CQ) Dispatcher Security and CDN+Browser Caching
AEM (CQ) Dispatcher Security and CDN+Browser Caching
Master Chef class: learn how to quickly cook delightful CQ/AEM infrastructures
Master Chef class: learn how to quickly cook delightful CQ/AEM infrastructures
Adobe AEM Commerce with hybris
Adobe AEM Commerce with hybris
New Repository in AEM 6 by Michael Marth
New Repository in AEM 6 by Michael Marth
Touching the AEM component dialog by Mateusz Chromiński
Touching the AEM component dialog by Mateusz Chromiński
Building Quality into the AEM Publication Workflow with Active Standards by D...
Building Quality into the AEM Publication Workflow with Active Standards by D...
Similaire à User Interface customization for AEM 6
Using Edge Animate to Create a Reusable Component Set
Using Edge Animate to Create a Reusable Component Set
Joseph Labrecque
Open Architecture in the Adobe Marketing Cloud - Summit 2014
Open Architecture in the Adobe Marketing Cloud - Summit 2014
Paolo Mottadelli
CODE BLUE 2014 : Persisted: The active use and exploitation of Microsoft's Ap...
CODE BLUE 2014 : Persisted: The active use and exploitation of Microsoft's Ap...
CODE BLUE
ColdFusion 11 Overview - CFSummit 2013
ColdFusion 11 Overview - CFSummit 2013
Rupesh Kumar
IMMERSE'16 Intro to Adobe Experience Manager & Adobe Marketing Cloud
IMMERSE'16 Intro to Adobe Experience Manager & Adobe Marketing Cloud
AdobeMarketingCloud
Umbraco Cape Town Meetup Presentation
Umbraco Cape Town Meetup Presentation
Bluegrass Digital
Sightly_techInsight
Sightly_techInsight
Purnendra Pratap Singh
What's new in designer
What's new in designer
Raj J (Rajendran)
Build single page applications using AngularJS on AEM
Build single page applications using AngularJS on AEM
AdobeMarketingCloud
Build single page applications using AngularJS on AEM
Build single page applications using AngularJS on AEM
AdobeMarketingCloud
Build single page applications using AngularJS on AEM
Build single page applications using AngularJS on AEM
connectwebex
Modernizing Adobe Experience Manager (AEM)
Modernizing Adobe Experience Manager (AEM)
Gabriel Walt
Adobe Stock Integration community project
Adobe Stock Integration community project
Magecom UK Limited
SPA Editor - Adobe Experience Manager Sites
SPA Editor - Adobe Experience Manager Sites
Gabriel Walt
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Dee Sadler
Responsive Websites and Grid-Based Layouts by Gabriel Walt
Responsive Websites and Grid-Based Layouts by Gabriel Walt
AEM HUB
Android Development with Flash Platform
Android Development with Flash Platform
Mihai Corlan
EVOLVE'15 | Enhance | Bob O'Conner & Kevin Nenning | Capturing Existing Cont...
EVOLVE'15 | Enhance | Bob O'Conner & Kevin Nenning | Capturing Existing Cont...
Evolve The Adobe Digital Marketing Community
AEM Evernote Sync
AEM Evernote Sync
Kevin Nennig
Sst hackathon express
Sst hackathon express
Aeshan Wijetunge
Similaire à User Interface customization for AEM 6
(20)
Using Edge Animate to Create a Reusable Component Set
Using Edge Animate to Create a Reusable Component Set
Open Architecture in the Adobe Marketing Cloud - Summit 2014
Open Architecture in the Adobe Marketing Cloud - Summit 2014
CODE BLUE 2014 : Persisted: The active use and exploitation of Microsoft's Ap...
CODE BLUE 2014 : Persisted: The active use and exploitation of Microsoft's Ap...
ColdFusion 11 Overview - CFSummit 2013
ColdFusion 11 Overview - CFSummit 2013
IMMERSE'16 Intro to Adobe Experience Manager & Adobe Marketing Cloud
IMMERSE'16 Intro to Adobe Experience Manager & Adobe Marketing Cloud
Umbraco Cape Town Meetup Presentation
Umbraco Cape Town Meetup Presentation
Sightly_techInsight
Sightly_techInsight
What's new in designer
What's new in designer
Build single page applications using AngularJS on AEM
Build single page applications using AngularJS on AEM
Build single page applications using AngularJS on AEM
Build single page applications using AngularJS on AEM
Build single page applications using AngularJS on AEM
Build single page applications using AngularJS on AEM
Modernizing Adobe Experience Manager (AEM)
Modernizing Adobe Experience Manager (AEM)
Adobe Stock Integration community project
Adobe Stock Integration community project
SPA Editor - Adobe Experience Manager Sites
SPA Editor - Adobe Experience Manager Sites
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Responsive Websites and Grid-Based Layouts by Gabriel Walt
Responsive Websites and Grid-Based Layouts by Gabriel Walt
Android Development with Flash Platform
Android Development with Flash Platform
EVOLVE'15 | Enhance | Bob O'Conner & Kevin Nenning | Capturing Existing Cont...
EVOLVE'15 | Enhance | Bob O'Conner & Kevin Nenning | Capturing Existing Cont...
AEM Evernote Sync
AEM Evernote Sync
Sst hackathon express
Sst hackathon express
Dernier
Advancing Engineering with AI through the Next Generation of Strategic Projec...
Advancing Engineering with AI through the Next Generation of Strategic Projec...
OnePlan Solutions
Asset Management Software - Infographic
Asset Management Software - Infographic
Hr365.us smith
Salesforce Certified Field Service Consultant
Salesforce Certified Field Service Consultant
AxelRicardoTrocheRiq
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
soniya singh
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
Ortus Solutions, Corp
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
kalichargn70th171
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
kalichargn70th171
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
harshavardhanraghave
Unveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
Unveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
Alberto González Trastoy
What is Binary Language? Computer Number Systems
What is Binary Language? Computer Number Systems
JheuzeDellosa
Introduction to Decentralized Applications (dApps)
Introduction to Decentralized Applications (dApps)
Intelisync
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
MyIntelliSource, Inc.
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Christina Lin
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdf
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdf
kalichargn70th171
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio, Inc.
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
stazi3110
Professional Resume Template for Software Developers
Professional Resume Template for Software Developers
Vinodh Ram
why an Opensea Clone Script might be your perfect match.pdf
why an Opensea Clone Script might be your perfect match.pdf
joe51371421
chapter--4-software-project-planning.ppt
chapter--4-software-project-planning.ppt
kotipi9215
Project Based Learning (A.I).pptx detail explanation
Project Based Learning (A.I).pptx detail explanation
kaushalgiri8080
Dernier
(20)
Advancing Engineering with AI through the Next Generation of Strategic Projec...
Advancing Engineering with AI through the Next Generation of Strategic Projec...
Asset Management Software - Infographic
Asset Management Software - Infographic
Salesforce Certified Field Service Consultant
Salesforce Certified Field Service Consultant
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Unveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
Unveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
What is Binary Language? Computer Number Systems
What is Binary Language? Computer Number Systems
Introduction to Decentralized Applications (dApps)
Introduction to Decentralized Applications (dApps)
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdf
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdf
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Professional Resume Template for Software Developers
Professional Resume Template for Software Developers
why an Opensea Clone Script might be your perfect match.pdf
why an Opensea Clone Script might be your perfect match.pdf
chapter--4-software-project-planning.ppt
chapter--4-software-project-planning.ppt
Project Based Learning (A.I).pptx detail explanation
Project Based Learning (A.I).pptx detail explanation
User Interface customization for AEM 6
1.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 1 User Interface customization for AEM 6 CQ Gems May 7th, 2014 ! Gilles Knobloch Damien Antipa
2.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 2 working on AEM/Granite/Coral and wherever Javascript is used 4 years of AEM experience working on AEM/Granite/Coral architect of the Sling Resource Merger Damien Antipa, Senior UX Engineer Gilles Knobloch, Engineering Manager @visiongeist @gilknob
3.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 3 Introduction New UI: Mobile first, Desktop in mind
4.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 4 Introduction - Granite UI introduced in 5.6.0 - Now spread across multiple UIs of the product - UI framework provides base components ! Challenges Extensible technology for partners/customers ! Goal of the session Understand how to extend admin screens and page authoring
5.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 5 Extending the Administration pages - Extend existing admin screen - Create a custom admin screen - Sling Resource Merger - Includes
6.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 6 Sling Resource Merger https://issues.apache.org/jira/browse/SLING-2986 ! - Custom resource provider - Overlays of resources using resource resolver search paths - Working as a diff - Custom Sling vocabulary ! Overall goal: override in /apps, never touch /libs - Guarantees upgradability - Easier for customers to debug
7.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 7 Sling Resource Merger Add or override a property ! Create the corresponding property within /apps (the property will have priority based on Sling Resource Resolver configuration) ! Changing the type of the property is supported
8.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 8 Sling Resource Merger Add or override a property
9.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 9 Sling Resource Merger Delete one or more properties ! Create the corresponding node within /apps, Add sling:hideProperties property: list of properties to delete (String[]) ! * wildcard can be used to delete all the properties
10.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 10 Sling Resource Merger Delete one or more properties
11.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 11 Sling Resource Merger Delete a node (and its children) ! Create the corresponding node within /apps Set sling:hideResource to true (Boolean)
12.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 12 Sling Resource Merger Delete a node (and its children)
13.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 13 Sling Resource Merger Delete children of a node (but keep the properties of the node) ! Create the corresponding node within /apps, Add sling:hideChildren property: list of children to delete (String[]) ! * wildcard can be used to delete all the children
14.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 14 Sling Resource Merger Delete children of a node
15.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 15 Sling Resource Merger Reorder nodes ! Create the corresponding node within /apps Set sling:orderBefore to the name of the sibling where that node should be reordered before (String) ! TODO: support redefining the whole list of children
16.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 16 Sling Resource Merger Reorder nodes
17.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 17 Extend existing admin screen Sling Resource Merger is our friend! ! - Update root title for breadcrumb - Custom documentation links (sling:hideChildren, sling:orderBefore) - Additional toolbar action - Restrict Create Site to administrators (custom rendering condition) - Default layout to list view, removed toggle to card view (sling:hideResource)
18.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. Create a custom admin screen 18 Launches Console - Custom console - Custom menu entry - Specific actions
19.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 19 Create a custom admin screen Root space for Launches console Granite UI page resource Page definition Custom components (styles, scripts, JSPs)
20.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 20 Create a custom admin screen Add in navigation Extend navigation Give same ID as your console and point to it Specify location in the tree
21.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 21 Create a custom admin screen Custom action bar - Build your own components - Include the corresponding client libraries for custom actions
22.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 22 Granite UI Includes granite/ui/components/foundation/include ! - Specify path to include Can be used to extend component dialogs
23.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 23 The new Page Authoring in AEM 6.0
24.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 24
25.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 25 Customer Page = ContentFrame Editing Features = EditorFrame
26.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 26 Layer switcher Layer switcher
27.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 27 These are Overlays
28.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 28 Sidepanel AssetGroups
29.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 29 Components
30.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 30 Toolbar
31.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 31 What is an Editable? - is an instance of a component on a page - allows access to the page’s DOM and its overlay - is aware of its JCR path and edit configuration - all Editable’s of the current page are accessible through Granite.author.store - Constructor: Granite.author.Editable - inherits from Granite.author.Inspectable
32.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 32 What is a layer? - A layer is an independent bundle of functionality which can be activated in order to manipulate or interact with the page - What can I do with a layer? What ever you want. (but please cleanup:-)
33.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. - Toolbar action - Inplace Editor - Custom Layer - Page action Extending the Page Authoring - Assetfinder Group
34.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 34 Before we start… - Javascript Namespace: Granite.author - Overlays are managed by overlayManager - ClientLib category hook: cq.authoring.editor.hook - Current page’s Editables are in Granite.author.store - A lot of page data is in Granite.author.page
35.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 35 Custom toolbar action
36.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. Still working: Adding custom actions to components 36
37.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 37 Still working: Adding custom actions to components
38.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 38 New: Manipulating the toolbar with Javascript - understand eventing in the authoring channel - use global objects - toolbar entry definition - component independent actions
39.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 39 'CUSTOM': {! icon: 'coral-Icon--gear',! text: Granite.I18n.get('Custom'),! handler: function (editable, param, target) {! alert('my custom action');! // do not close toolbar! return false;! },! condition: function (editable) {! // optional condition to show action! return !!editable.config.orderable;! },! render: function (dom) {! // custom rendering! return dom;! },! // could be executed when only one editable is selected! // default: false! isNonMulti: true ! }!
40.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 40 Adding a screenshot functionality
41.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. Custom page action 41 Add an action to page authoring toolbar Example: a button to translate the page
42.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 42 Custom page action - define as a header action - cq-Translate-action used as jQuery selector new action added under /apps extension to cq.authoring.editor client library
43.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 43 Inplace Editors
44.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 44 Create an Inplace Editor
45.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 45 var MyEditor = function () {! ! };! ! MyEditor.prototype.setUp = function (editable) {! ! };! ! MyEditor.prototype.tearDown = function (editable) {! ! };! ! Granite.author.editor.register(‘myeditor', new MyEditor());!
46.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 46 How we created the title editor - manipulate the Editable’s DOM
47.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 47 Create a Hybrid Editor
48.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 48 var textImageEditorConfig = {! editors: [! {! editorType: "text",! imageClass: "coral-Icon coral-Icon--text coral-Icon--sizeL"! },! {! editorType: "image",! imageClass: "coral-Icon coral-Icon--image coral-Icon--sizeL"! }! ]! };! ! Granite.author.editor.TextImageEditor = function () {! };! ! Granite.author.editor.TextImageEditor.prototype = ! new Granite.editor.HybridEditor(textImageEditorConfig);! ! // register the editor to the editor registry! Granite.author.editor.register('textimage', new Granite.editor.TextImageEditor());!
49.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 49 Creating a layer - Important objects: layerManager, overlayManager, persistence - Build-in layers: Edit, Preview, Annotation, Developer, Target - Change the view and actions
50.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 50 var MyLayer = function () {! // Call super constructor! this.constructor.prototype.constructor.call(this, "MyLayer", "coral-Icon--bug");! };! ! MyLayer.prototype = new author.Layer();! ! ! MyLayer.prototype.setUp = function () {! // allow user interaction with the iframe content (e.g., click on links)! author.ContentFrame.showFullScreenMask(false);! ! // Close the sidepanel! author.SidePanel.close();! };! ! MyLayer.prototype.tearDown = function () {! // prevent user interaction with the iframe content (e.g., click on links)! author.ContentFrame.showFullScreenMask(true);! };! ! // register at the manager! author.layerManager.registerLayer(new MyLayer());!
51.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 51
52.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. - Adding a new asset group 52 Assetfinder - Handling the Drag&Drop Granite.author.dropController - Handling the Persistence Granite.author.edit.actions or Granite.author.persistence - Handling the rendering Granite.author.ui.assetFinder
53.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 53 Resources Upcoming resources on Package Share - Sample packages - CRXDE Lite extension tool - Dialog conversion tool ! Extension points currently being documented
54.
© 2014 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 54 Questions & Comments?