AEM is a page based CMS and each page is fabricated with a set of components. AEM use paragraph system to allow editors to drag/drop components on page, and add some wrapper tags around component to identify component in edit mode and allow edit capability. These additional html tags are needed in Edit/Design mode but… Continue reading AEM | Remove wrapper HTML Tags in preview mode
Multifield is a commonly used xtype in AEM components. It allow author to add a list of values. Sometime we need to use multifield to allow authors to add no of values (in a pattern). An example is Tabs/Accordion Component, we can allow authors to add no of tabs/accordions in multifield and add values like… Continue reading AEM | Classic UI – Multifield – Auto-populate Value
Multifield xtype OOB Provides two property to set Minimum & Maximum Limits. Configuration: <config jcr:primaryType=”cq:Widget” fieldLabel=”Configuration” minItems=”1″ maxItems=”1″ name=”./config” xtype=”multifield”> <fieldConfig jcr:primaryType=”nt:unstructured” allowBlank=”{Boolean}false” fieldLabel=”Value:” xtype=”textfield”/> </config>
Introduction Adobe introduced a new touch-optimized UI with AEM 5.6 for the author environment. This differs considerably from the original classic UI as it is designed to operate on both touch and desktop devices. The basic principles of the touch-optimized UI are: Mobile first (with desktop in mind) Responsive design Context relevant display Reusable Include embedded… Continue reading AEM | Touch UI – What and Why?
AEM RTE OOB provide a Styles plugin which allow you to apply custom css class on selected text in RTE. Styles plugin is a good way to add custom class around any text and is easy to configure though this plugin has some limitation: This plugin is limited to one style for a selected text.… Continue reading AEM | RTE – Custom Styles Plugin
Goal: Create RTE (Rich Text Editor) fontstyle & fontcolor plugin for Touch UI. A Similar classic UI RTE Extension is available here Note: Please see RTE – Custom Styles Plugin for understanding of Custom Styles plugin requirement. Download: Source Code | Package Install Preview Solution Login to CRXDE Lite (http://localhost:4502/crx/de) and create folder /apps/rte/plugins/touch-ui-styles Create node /apps/rte/plugins/touch-ui-styles/clientlib of type cq:ClientLibraryFolder and add a… Continue reading AEM | RTE – Custom Styles Plugin – Touch UI
Goal: Create RTE (Rich Text Editor) fontstyle & fontcolor plugin for Classic UI. A Similar Touch UI RTE Extension is available here Note: Please see RTE – Custom Styles Plugin for understanding of Custom Styles plugin requirement. Download: Source Code | Package Install Preview Solution Login to CRXDE Lite (http://localhost:4502/crx/de) and create folder /apps/rte/plugins/classic-ui-styles Create node /apps/rte/plugins/classic-ui-styles/clientlib of type cq:ClientLibraryFolder and add a String… Continue reading AEM | RTE – Custom Styles Plugin – Classic UI
Generic List is a feature (by ACS AEM Commons) allowing easy creation and management of lists of title/value pairs. These lists can be managed by content team and will be used in Component’s dialogs. So instead of hardcoding dropdown values in dialog, we can point to any generic list and this list will be configured and managed by editors.… Continue reading AEM | ACS – Generic List | Support Site Inheritance
This article will explain how to identify and retrieve values from a list for current site, which is configured in Classic UI dialog’s dropdown. Note: Please see Generic List – Support Site Inheritance for understanding of Generic List requirement and complete solution. For Touch UI, Please see Generic List | Dialog Configuration – Touch UI Classic UI dialog’s dropdown support JSON… Continue reading AEM | ACS – Generic List | Dialog Configuration – Classic UI
This article will explain how to identify and retrieve values from a list for current site, which is configured in Touch UI dialog’s dropdown. Note: Please see Generic List – Support Site Inheritance for understanding of Generic List requirement and complete solution. For Classic UI, Please see Generic List | Dialog Configuration – Classic UI Steps: Create MyList class, to find out… Continue reading AEM | ACS – Generic List | Dialog Configuration – Touch UI
Need is the mother of invention ... 