Developing AEM Components for the Touch-Optimized UI - Code Samples

You are reading the AEM 6.1 version of Developing AEM Components for the Touch-Optimized UI - Code Samples.
This documentation is also available for the following versions:  AEM 6.2  AEM 6.0  AEM 5.6.1  AEM 5.6  CQ 5.5  CQ 5.4 

This section provides some examples on how to create your own components for the touch-optimized UI.

For the underlying concepts see:

For information about the classic UI see AEM Components for the Classic UI.

Note

To help you analyze, test and debug your components, AEM provides:

Code Sample - How to Customize Dialog Fields

Code on GitHub

You can find the code of this page on GitHub

External Resource

This code sample is related to the AEM Gems session on Customizing Dialog Fields.

Related Resources

Add New Action to a Component Toolbar

New actions can be added to component toolbars using the edit layer of the page editor.

Details, together with links to the code sample, are under Add New Action to a Component Toolbar.

​