How to Convert classic UI (based on ExtJS) Dialog Touch-optimized UI (based...
Dialog Conversion ToolThe dialog conversion tool is provided to help you extend existing components that only have a dialog defined for the classic UI (based on ExtJS). The tool uses this original...
View ArticleAEM/Adobe CQ : Dialog Editor For Classic UI
Dialog EditorThe dialog editor provides a graphical interface for easily creating and editing dialog boxes and scaffolds. To see how it works, double click on the component's dialog.In Dilaog Editor...
View ArticleHow to Obtaining AEM Page Information in JSON Format
AEM / CQ Page Information in JSON Formatyou can get page inform by hitting bellow service by passing page path as...
View ArticleCQ5/AEM Issue while reading multifield values using Node API
How to read multifield using Node APIif you configure one item it will set String type to content node.if you configure more than one items it will set as Sting[] type to component.Below snippet code...
View ArticleAEM CSRF Issue / Forbidden POST Call in AEM
AEM CSRF Issue / Forbidden POST Call in AEMAEM providing CSRF Protection from 6.0 version on wards. if you are using granite.jquery dependency it will automatically provide CSRF protection framework.if...
View ArticleHow to Create/Delete CQ5/AEM page through Javascript
How to Create/Delete CQ page through Java Scriptwe can create / delete the CQ page by using OOTB service /bin/wcmcommand by passing necessary parameters.1) Create : To create page do POST Ajax call to...
View ArticleAEM/CQ5 EXTJS WIDGETS VS MATCHING GRANITE UI COMPONENTS
EXTJS WIDGETS VS MATCHING GRANITE UI COMPONENTSExtJS xtypeGranite UI resource...
View ArticleHow to Check Touch UI Mode in Sightly HTML
How to get different modes in sightly HTML<sly data-sly-use.wcmModes="/libs/wcm/foundation/components/page/initwcm.js"></sly>Classic Edit Mode :<div...
View ArticleHow to Create/Delete CQ5/AEM page through Javascript
How to Create/Delete CQ page through Java Scriptwe can create / delete the CQ page by using OOTB service /bin/wcmcommand by passing necessary parameters.1) Create : To create page do POST Ajax call to...
View ArticleExtJS /CQ Widget API Tips
ExtJS /CQ Widget API TipsHow to get the component node path dialog listeners like beforeshow,afterrender ....etcbeforeshow :...
View ArticleHow to Load TouchUI dialog Specific Clientlibs
How to Load TouchUI dialog Specific Clientlibs For touch UI dialog we can load specific client libs by using extraClientlibs property to the cq:dialog node. see below snippet cq: dialog: {jcr:...
View ArticleHow to Create/Delete CQ5/AEM page through Javascript
How to Create/Delete CQ page through Java Scriptwe can create / delete the CQ page by using OOTB service /bin/wcmcommand by passing necessary parameters.1) Create : To create page do POST Ajax call to...
View ArticleHow to add rtePlugins for Touch UI Rich Text in Dialog / Inplace Edit In AEM 6.2
Rich Text rtePlugins configurations for the inplace edit<rtePlugins jcr:primaryType="nt:unstructured"> <format jcr:primaryType="nt:unstructured" features="*"/>...
View ArticleHow to refresh component through Javascript in Touch UI AEM/Adobe CQ5
How to refresh component through Javascript in Touch UIAll the editable will store at Granite.author.storeYou can find editables for you component by using find methodvar cmpEditables =...
View ArticleHow to open component dialog through Javascript in Touch UI AEM/Adobe CQ5
1) You need to get the editable of the component which you want to open dialogvar cmpEditables = Granite.author.store.find("<component content node path");var cmp = cmpEditables[0];2)Pass the...
View ArticleHow to create JSON file in AEM/Adobe CQ5 Repository
Sample Java code SnippetResource metadataOptionJson = ResourceUtil.getOrCreateResource(resolver,parentPath+ "/sample.json",Collections.singletonMap("jcr:primaryType",(Object) "nt:file"),null,...
View ArticleHow To iterate over map in HTL(sightly) Component
Sample Code SnippetHTL(Sightly) Component Snippet<div data-sly-use.mapIterator="MapIterator"> <!--/* Get value of key */--><div> Value of Key - 'key1' -...
View ArticleHow to read custom Touch UI multifiled values in Sightly
Global java implementation for sightly to read TOUCH UI custom multifield values which are stored in Json formatSample storage of Custom multifield values in repository {jcr:primaryType:...
View ArticleHow to check AEM server runmode in Sightly/HTL Using server-side JavaScript
How to check AEM server runmode in Sightly/HTL Using Server-side JavaScript Server-side JavaScript"use strict";use(function () {var myRunmode = this.runmode;var isValidRunmode = false;var...
View ArticleCQ5 / AEM Tags are not resolving/ showing / null after upgrading to 6.4
AEM Tags are not resolving/ showing / null after upgrading to 6.4While upgrading to AEM 6.4 you should upgrade tags as well. On AEM 6.4 onwards tags will store under /content/cq:tags whereas in the...
View ArticleAEM 6.4/ AEM 6.5 Clientlib specific Preprocessors minification
AEM 6.4/ AEM 6.5 Clientlib specific PreprocessorsAEM allows for pluggable preprocessors and ships with support for YUI Compressor for CSS and JavaScript and Google Closure Compiler (GCC) for JavaScript...
View ArticleClik here to view.
Sling Context Aware Configuration AEM 6.5 Examples
OSGI configurationWe all know every OSGI service/ component configurations meta data in OSGI Console, Configuration section or we can deploy the as part of the code base. We can maintain these...
View ArticleOSGi R7 annotations Examples AEM (Adobe Experience Manager)
OSGi component / service ConfigsString Config @AttributeDefinition( name = "String Property", description = "String example", type = AttributeType.STRING ) String...
View ArticleClik here to view.
How to Debug/ Troubleshoot Sling Context Aware Configuration AEM
If we are using Sling Context-Aware configurations in AEM and something went wrong it's difficult to debug/know from where these values or pulling. We know this in the AEM Web console. After open AEM...
View ArticleClik here to view.
How to Analyze Queries and create OAK Index definitions in AEM (Adobe...
How to Analyze Queries and create OAK Index definitions in AEM(Adobe Experience Manager)In AEM there are many tools to diagnosis the AEM repository. Query performance manager is one of them. By using...
View Article