Adobe Experience Manager Sites

Why Do I Need Run and Operate When I Have AEM As A Cloud Service? by Kimberly Melton Abstract For many businesses that are using AEM as a Cloud Service to host their website, investing in a Run and Operate agreement may seem unnecessary or redundant — after all, AEM as a Cloud Service is responsible for hosting the platform, so you shouldn’t need any support, right? This may seem like a reasonable position, however, there are other variables that you should consider before ruling out a Run and Operate contract entirely. For the sake of this article, we’ll be discussing Run and Operate in terms of what we provide at Hoodoo; however, there are other Run and Operate offerings in the market that may provide other services or support levels than what will be discussed here. The first variable that you should consider for your system is that a Run and Operate service comes with 24–7 site monitoring. While AEM as a Cloud Service is responsible for the Cloud Service as a whole, they are not

Adobe App Builder — The Power of Scaling at Your Fingertips by Kelvin Xu Abstract Built on top of Adobe I/O Runtime, App Builder provides a unified development framework for extending and customizing Adobe solutions without worrying about the physical infrastructures. I/O Runtime, which is Adobe’s serverless compute platform, helps developers to scale quickly by providing auto-scaling features. But on the other hand, it doesn’t necessarily mean you can throw everything at it all at once and hope it will magically work out for you. So let’s take a little closer look at how it should be efficiently leveraged. First, let’s step back with some basics. When talking about scalability, a common use case coming into mind is batch processing such as processing assets, and documents in the hundreds or thousands. With a simplified example, let’s say you have 10 assets and 1 VM, you probably can do something like this Read Full Blog Adobe App Builder — The Power of Scaling at Your Fingertips Q&a

Develop a component with Style System in AEM by Vishang Abstract Creating a heading component with style system Creating a heading component from title component. Create a component called heading inside /apps/your-project-flder/components/content/~create component create heading.html ${headingObject.title} create heading.js "use strict"; use(function() { var titleByAuthor = granite.resource.properties["titleProperty"]; var jcrtitle = currentPage.title; var pageName = currentPage.name; var title = titleByAuthor || jcrtitle || pageName; return { title:title }; }); Next thing we need is the dialog boxes. So copy cq:dialog and cq:design_dialog from title component. Now in order to have style tab. Copy styletab node from any core component and paste it inside items node in cq:design_dialog Add a styles in your clientlib-components folder. Create a clientlib folder for your component. create css.txt and styles.less files inside css folder as per the standard practice for adding sty

As a user of Adobe Experience Manager, is your company/brand using the PDF Viewer core component on a public-facing website?  If yes, can you share examples of where you've been using it successfully?Any feedback (anecdotal is fine!) from your internal business partners or your external clients on how it is working?  I am curious to see examples of this component being used in the wild. 

How can I solve this issue org.apache.jackrabbit.vault.packaging.DependencyException: Refusing to install package com.adobe.aem.guides.wknd:aem-guides-wknd.ui.apps:0.0.1-SNAPSHOT. required dependencies missing: [adobe/cq60:core.wcm.components.content:2.13.0, adobe/cq60:core.wcm.components.config:2.13.0] 

Hi, I have on component rotate, crop and etc. but when I try to submit changes, for example rotate to left my image stay as it is.I'm adding image on this way:  <div class="cmp-cardcomponent__image" data-image="url(${properties.fileReference @ context='text'})" style="background-image: url(${properties.fileReference @ context='text'});"></div> Before submiting:  And after I press submitYou can see that my pitcure is not rotated: But, when I use this:  <div data-sly-use.image="com.adobe.cq.wcm.core.components.models.Image"> <div class="cq-dd-image "> <img src="${image.src}"/> </div> </div> Rotate is working, but I now lose all css styles, no one is working. I tried to add it like this: <div data-sly-use.image="com.adobe.cq.wcm.core.components.models.Image"> <div class="cq-dd-image cmp-cardcomponent__image"> <img src="${image.src}"/> </div&

Use Cases and Tips for Contextual Content Variables (CCVAR) from ACS AEM Commons by Patrick Eccles Abstract WHAT ARE CONTEXTUAL CONTENT VARIABLES? When you're digging into the open-source toolkit, ACS AEM Commons, you’re going to find something for nearly every Adobe Experience Manager implementation. There are so many features, old and new, that it’s hard to keep track or even identify exactly what you’re looking for! One of the tremendously helpful tools on ACS AEM Commons is Contextual Content Variables (CCVAR). This tool was added in version 5.0.5 and provides a simple service that enables content authoring with variable information. Or, as ACS Commons describes CCVARs: “Contextual Content Variables is a tool built to enable authors to use content variables directly in their authored text. The tool replaces variables present in the content (either JSON or HTML) on the server-side at render-time, keeping caching enabled for the site and decreasing any impact on performance.” Let’

One Solution Fits All — Smart Imaging with AEM Dynamic Media by Karanjeet Singh Abstract What is AEM Dynamic Media? Adobe Experience Manager (AEM) helps you to provide your customers with personalised, content-led experiences. It provides cloud-native agility to accelerate time to value and is extensible to meet your unique business requirements. Dynamic Media helps you deliver rich visual merchandising and marketing assets on demand. It also helps you create and serve interactive viewing experiences. Your assets are dynamically scaled for consumption on web, mobile, and social sites. Dynamic Media generates and delivers multiple variations of this content, in real-time through its global, scalable, performance-optimized CDN (Content Delivery Network). What is Smart Imaging? Smart Imaging capability with AEM Dynamic Media is a proprietary technology that applies Adobe Sensei capabilities and works to enhance image delivery performance by automatically optimising image format, size,

AEM 6.5.12.0 - Content Fragment Editor Composite Multifield with Visibility Rules for Mixin Entry by Sreekanth Choudry Nalabotu Abstract Goal Create a Composite Multifield for Content Fragments. To top up, the composite mf supports mixins, by using naming convention based visibility rules. So a multifield item can be of type string and another multifield item can be of type number... Say a field projectId can be of type string or number in the multifield... 1. User adds the select with name projectId_FieldType and options FIELD_STRING, FIELD_NUMBER 2. The string type widget is named FIELD_STRING_projectId 3. The number type widget is named FIELD_NUMBER_projectId Solution 1) Create a clientlib /apps/eaem-cf-mf-visibility-group/clientlibs/clientlib-cfv-mf with categories=dam.cfm.authoring.contenteditor.v2 and dependencies=[lodash.compat], add below code to support composite multifield and naming convention based visibility. Following code assumes the multifield is named "keyValues"

Concept of Override and Overlay in AEM by Heena Shirke Abstract Overriding/Extend: You can inherit component properties by using sling:resourceSuperType property. Example: In this example we will override image component. After creating the component, delete .jsp file created under the node. Add the component to the page. This is how the dialog would appear. This dialog is inherited from the image component. Now, let's say you need to change text of first check box. To do so you need to recreate dialog structure till that checkbox field (You can keep all the created nodes empty and of type nt:unstructured.). To override text of the checkbox add highlighted property. There you go! We have successfully changed the text. Overlaying: In AEM the default functionality is available in "/libs". Overlaying means copying the functionality from "/libs" to "/apps" at exact same path. You can do the desired changes in newly copied functionality under "/apps" AEM uses search path to fi

Hello, I have a question, I am trying to deploy a project through the cloud manager, the pipeline finishes it correctly but when I check the crx/de I do not see that the packages (ui.apps, ui.content) have been uploaded or installed . Is there any special configuration to be done for them to be installed?

I used  aria-label as custom attribute field in anchor of RTE everything is working fine but I am facing one issue i mentioned it below-my content in text is ="hello world" .When I am selecting hello and providing value in the aria-label and when i am saving it, the same value i am getting in aria-label when I am trying to make world as a link.But for Alt text it is working correctly.Anybody else having this issue? 

I have requirement to migrate 27000 approx pages from old website to AEM. I see that 80 % of pages have same structure but there are some pages which have completely different structure. What should be a suggested approach for content migration to AEM?

 Is there any possibility to automate the removal of the creative display? I am talking about 30 pages per referral, at an average of 10 referrals per page. It is an absolute waste of time and effort.There must be a way to make it automated.Thank you very much.

Generate JWT Token for AEM Cloud Manager API by Himanshu Singhal Abstract Most of you who're in project migration phase or already migrated to AEM as cloud service might had this challenge where you'd want to deploy to CM directly from your end instead of going to cloud web and triggering it from there. For development environments, it's alright to set it to deploy on 'GIT CHNAGE' but that's mostly not the case with Stage, Prod environments. Obviously, the available web look provided by Adobe is amazing to perform actions but sometimes based on your organisation requirement, you'd want to automate tasks and if you'd want to go with API, you definitely need to have a valid access token. Generation of access token is available via Adobe developer console (https://developer.adobe.com/) by going to project and generating token however, it valid only for 24 hours. And, it's tedious to update token manually every time when it expires so here's the python script that would help you to genera

AEM Console Cheat Sheet by Max Barrass Abstract AEM Console Cheat Sheet General CRXDE Lite CRX Explorer Package Manager Package Share Explorer Backup Console Web Console OSGi Bundles Console Query Debugger Tool Search UI Display Client Libraries in use by Component JVM Memory Usage JVM Runtime Properties Performance profiler Disk Performance Benchmarking Product Version and License Information Node Type Administration Console Maintenance Tools Dialog Conversion Console Maven Dependency Finder Namespaces: Update Namespaces to match your DAM assets schema Tag Admin Console Sling Context-Aware Configuration Read Full Blog AEM Console Cheat Sheet Q&A Please use this thread to ask the related questions.

Advantages of AEM Assets as a Cloud Service by James Talbot Abstract Adobe Experience Manager Assets as a Cloud Service offers a cloud-native solution to manage large scale assets and handle Dynamic Media operations. In this blog post, we will look at the advantages of AEM Assets as a Cloud Service, and how Asset Microservices plays a unique role and greatly helps with performance and speed. First off, both AEM Assets as a Cloud Service and Asset Microservices are always current with the latest features. Adobe provides a daily update of the AEM Assets Base Image as well as daily hotfix releases for both AEM Assets and Asset Microservices. In addition, AEM Assets as a Cloud Service provides a monthly release of new features, while Asset Microservices provides a weekly release of new features. The architecture of AEM Assets as a Cloud Service is uniquely designed to improve Asset handling performance. A client, such as a web browser, sends an upload request to Adobe Experience Manager

Hi There, We have a requirement where we need to change roles value as per our specific format while creating any translation project. Currently, It is following "projects-<project-name>-<name-from-role-template>" and we want to change it to some other format  like "<project-name>-<role-assigned>". Please do let me know your views on the same. Thanks,Ravi Joshi

Hi All, I am trying to set default dropdown value at page properties level where I need to first get the selected value and then change the default value based on current url. Below is the code snippet I tried so far:    $(document).ready(function() { var currentUrl = window.location.href; var hrefLang = "x-default"; if(currentUrl.indexOf('us/en') > -1){ hrefLang = "en-US"; } $("#coral-id-105").each(function(index, value) { $("#coral-id-105 coral-selectlist-item[value="+ hrefLang +"]").prop('selected', true); }); });  I am getting undefined every time when I am trying to alert the current value.Note: I don't need to add value from datasource. I have static values just need to set one as default. @arunpatidar @suraj_kamdi 

Remote Collaboration Keeps Lollypops UX Design Business Growing During COVID-19 by Adobe Blog Abstract For some design companies, the COVID-19 restrictions have been a cue to explore new ways of collaborating online – and a reminder that we should consider the needs of others in everything we do. But for other companies, life during lockdown has simply been an affirmation of the way in which they already work. Lollypop is one such firm. For seven years, the award-winning India-based UX and UI studio has practiced a philosophy of human-centered design with a portfolio of clients ranging from fintech firms to fitness apps. With a growing team of 150 people spread across 12 offices worldwide, Lollypop was already well aware of the power of tools like Adobe XD to enable its designers to collaborate remotely. UX and UI design from start-ups to Stanford “Lollypop’s motto is also our process: discover, define, design and refine,” said Rajeshwari Keluskar, a UX designer in the firm’s Mumbai

AEM 6.5.12.0 - Start Bulk Workflow on Assets using Workflow Packages by Sreekanth Choudry Nalabotu Abstract Goal Similar to Sites pages, add a Start Bulk Workflow action bar button in Assets Console to start a workflow on multiple assets as a package so there is only one inbox notification for all assets in the package (eg. when used with a Request for Activation workflow) Solution 1) Create a maven project for the extension eaem-assets-start-bulk-wf mvn -B org.apache.maven.plugins:maven-archetype-plugin:3.2.1:generate -D archetypeGroupId=com.adobe.aem -D archetypeArtifactId=aem-project-archetype -D archetypeVersion=36 -D aemVersion="6.5.10" -D appTitle="Experience AEM Assets Start Bulk WF" -D appId="eaem-assets-start-bulk-wf" -D groupId="apps.experienceaem.assets" -D frontendModule=none -D includeExamples=n -D includeDispatcherConfig=n 2) Create the Start Bulk Workflow button /apps/eaem-assets-start-bulk-wf/components/content/start-bulk-wf-but Read Full Blog AEM 6.5.12.0 - S

E-Mails in AEM Cloud Service by MARKUS BULLA Abstract Sending e-mails from AEM is pretty easy, right? For “classic” AEM 6.5 you just need the connection details of your mail server along with account credentials, add these as an OSGI configuration for the Day CQ Mail Service to your instance and you’re ready to go. (Curious why this service might be called “Day CQ”? Please refer to my post on AEM history.) If you are looking at AEM as a Cloud Service, things look a bit different. The official documentation outlines the setup pretty good. This article is going to guide you through the process step-by-step and provide some explanations. Step 1: OSGI Configuration Let’s start with the most simple part: telling AEM how to send e-mails. Similar to AEM 6.5, this is handled through an OSGI configuration for the Day CQ Mail Service. In contrast to classic AEM 6.5, there is no way to directly access the Apache Felix web console for AEM CS nor to add or change an OSGI config at runtime. So y

【目的】AEMにサービスパック(例: AEM 6.5.12.0)を適用する時、更新されたノードをデバックログから確認する方法について説明します。 【環境】AEM 6.5 【対応方法】AEMにサービスパックを適用する前に、下記の手順でorg.apache.jackrabbit.vault.packaging.impl.ActivityLogに対するデバッグログを設定します。その後にサービスパックを適用すると、デバッグログからサービスパックで更新されたノードのパスを確認できます。 1. Web Console／Sling／Log Support にアクセスする (http://localhost:4502/system/console/slinglog)2. Add new Loggerボタンを選択する3. org.apache.jackrabbit.vault.packaging.impl.ActivityLogに対するデバッグログを追加してSaveボタンを選択する 設定例:loglevel = DEBUGlogfile = logs/error.loglogger = org.apache.jackrabbit.vault.packaging.impl.ActivityLog 4. 対象のサービスパックを適用する5. 追加したデバックログを確認する ログ出力例:11.05.2022 19:44:10.726 *DEBUG* [OsgiInstallerImpl] org.apache.jackrabbit.vault.packaging.impl.ActivityLog - /libs/cq/core/content/projects/dashboard11.05.2022 19:44:10.726 *DEBUG* [OsgiInstallerImpl] org.apache.jackrabbit.vault.packaging.impl.ActivityLog - /libs/cq/core/content/projects/dashboard/gadgets/translationjob11.05.2022 19:44:10.726 *DEBUG* [OsgiInstallerImpl] org.apache.jackrabbit.vault.packaging

I supposed a picture says a thousand words so please look at the screenshots. I've included the current view and drew a rectangle on the important "issue".Some info/tests I've done:1. This is happening on both stage and prod. Both are running 6.5.12.2. I browsed a few folders inside /content/dam/staff/documents and the problem does not exists for the ones I've tried.3. I browsed other folders in /content/dam/staff and the problem exists there.4. I browser other folders in /content/dam (e.g. /content/dam/documents) and I cannot see the problem there.5. In card and list view, I looked at the error.log for both environments and I cannot see any errors that may be related (that's obvious to me).6. In list view, I get this error message (s7PublishStatus exists 4 times in asset.jsp) (NOTE: this only happens if the numbers does not match)    An error occurred at line: XXX in the jsp file: /apps/dam/gui/coral/components/admin/contentrenderer/row/asset/asset.jsp s7PublishSta

I've a base page from where header/footer sections are created as experience fragments and embedded in the structure of the template.Working on a new requirement where I need to render the page content based on selectors in the page url.Eg: If the url is http://localhost:4502/content/lnccab/us/en/home.html, it loads entire content.If url is http://localhost:4502/content/lnccab/us/en/home.headless --> then it should not load header/footer components.I have tried create selector based scripts for header/footer components (Part of Experience fragments) with empty content to deliver this requirement, However these scripts are not being picked up while requesting the page with selector and page is rendering with the default content.Also noticed that selector is being considered while rendering the XF from the experience fragment console. Fragment is rendering with no content when calling the URL with headless selector.E.g. : http://localhost:4502/content/experience-fragments/lnccab/us/en