Adobe Experience Manager

What are Custom HTML Elements? | How to use Custom HTML Elements in AEM? by Albin Issac Abstract In this post, let us explore what Custom HTML Elements are and how to use Custom HTML Elements in AEM. Custom Elements allow web developers to define new types of HTML elements.Once a custom element is defined, we can use it on par with built-in HTML elements. Some of the important features are enabled by Custom HTML elements. Define new HTML/DOM elements Create elements that extend from other elements Logically bundle together custom functionality into a single tag Extend the API of existing DOM elements Web Components uses Custom HTML Elements as one of the building blocks to enable reusable custom elements(Components). Rules on creating custom elements: The name of a custom element must contain a dash (-). So , and are valid names. You can’t register the same tag more than once. Attempting to do so will throw a DOMException Custom elements cannot be self-closing(), Always write a closi

Hello,This may seem like a bit of a silly question, but is there any way to use Target Server side alongside AEM? I would not think it is possible since I am not sure where one could "hook" the usual server-side logic (calls to Target's Delivery api), but not sure if I am missing something?

Hi All, We have a servlet endpoint that returns assets that contain a metadata property product_id_1. We have created a custom index called damAssetLucene-7-custom-7 that includes this property. We have recently added about 60,000 assets from Scene7 into AEM prod author instance with product_id_1 property populated. Ever since our servlet is erroring out with http 503 response. When I look at the logs, I do not see any error messages but I do see the below warning message:08.04.2022 15:42:57.814 [cm-xxxxxxxxxx-aem-author-64c9b549b6-l5tqf] *WARN* [99.64.83.187 [1649432402844] GET /bin/xxxxxxx/getProductImages HTTP/1.1] org.apache.jackrabbit.oak.plugins.index.search.spi.query.FulltextIndex$FulltextPathCursor Index-Traversed 40000 nodes with filter Filter(query=select [jcr:path], [jcr:score], * from [dam:Asset] as a where [jcr:content/metadata/product_id_1] is not null and isdescendantnode(a, '/content/dam') /* xpath: /jcr:root/content/dam//element(*, dam:Asset)[(jcr:content/metadata

Hi Team, I have create one basic form it contains some of the field and one of field is mobile number now i need to validate mobile number field for that  i went to rules editor for mobile number field and written code like below(this.value && this.value.match(new RegExp(/^[0-9]+$/) != null) ? false : true It returns true or false value i need to send some custom validation message how i can do thatany suggestion is appreciated    

Hi, We are trying to use editable templates to represent a structure similar to the following: Container A    Container B        Container C    Container B *         Container C * At the different levels in the hierarchy we want. to set a policy to allow a particular set of components consistently. For example: * At container A level just a container is allowed* At container B level, a container and breadcrumb is allowed* At container C level, the carousel is allowed It is important to note (and where our problem lies) that the number of Container B and Container C items is flexible, there could be be number of these containers.The policies work as expected until we get to the second instance of Container B marked with an asterisk. For this component (and container C below it) we see that the policy of the root container (Container A) is applied. Note that this is a dummy example so that it c

Hi Team,I was trying   to create new  basic  form  by providing title and name i was supposed to click Create button observed like Crete button is not enabling below is screen shot for same which i have tried and i saw error.log file as well nothing is printing as error.Can some one help here to create basic ADF form.  

@dmanibabu if I am getting your question correctly, you are consuming a asset in AEM Site/s and you want localized asset title without making any change in asset path(in DAM). If that is the case one option is customized image component for dc:title field.  In image model you should be able to customize dc:title based on local. such as - 1. add a custom field - local = "localstring"2. get the custom field in image model and accordingly localize the dc:title string. Need a custom component of two images in a dialog ... - Adobe Experience League Community - 448099

Cloud Manager FAQs by Adobe Abstract This document provides answers to the most frequently-asked questions about Cloud Manager in AEM as a Cloud Service. Is it possible to use Java 11 with Cloud Manager builds? Yes. You will need to add the maven-toolchains-plugin with proper settings for Java 11. The process is documented here. For example, see the wknd project sample project code. My build fails with an error about maven-scr-plugin after switching from Java 8 to Java 11. What can I do? Your AEM Cloud Manager build may fail when attempting to switch the build from Java 8 to 11. If you encounter the following error, then you need to remove maven-scr-plugin and convert all OSGi annotations to OSGi R6 annotations. [main] [ERROR] Failed to execute goal org.apache.felix:maven-scr-plugin:1.26.4:scr (generate-scr-scrdescriptor) on project helloworld.core: /build_root/build/testsite/src/main/java/com/adobe/HelloWorldServiceImpl.java : Unable to load compiled class: com.adobe.HelloWorldS

A modern web experience on Adobe Experience Manager with WorkBox by Kalyanaraman & Salvatore Abstract If you are a technical lead or digital marketing analyst interested in providing a modern Web experience to your Adobe Experience Manager (AEM) web application and have been looking for your options in doing so, then you have come to the right article. This will cover what Progressive Web Apps (PWA) are and what you need to create a PWA in AEM leveraging the WorkBox library through configuration, without coding. Why PWA? # Progressive Web Apps leverage what the modern web can do. They are installable on your device, load quickly, with subsequent visits loading instantly. They respond to input quickly. They work well on an unreliable connection or when offline. PWAs use modern APIs to provide an engaging app-like experience with an optional full screen UI, background updating, and offline access to data. From web app to Progressive Web App. To enhance a web app into a Progressive

Ingesting Data from Adobe Experience Manager (AEM) for Search & Discovery by Algolia Abstract Businesses spend a lot of time and resources developing content that can support the sale of a product, promote their brand and thought leadership, educate their users, or answer frequently asked questions. It is essential that they can organize their content to provide the most relevant information to a given persona. While this can end up being a manual process for marketers and digital publishers, smarter search and discovery platforms like Algolia can make this easier and drive stronger engagement. Algolia is an API-first solution that easily integrates with both monolithic and headless platforms, including Adobe’s popular CMS, Adobe Experience Manager (AEM). As we’ve seen more and more Adobe customers use Algolia on top of AEM to manage and surface their content, we wanted to discuss the three ways they connect these two systems: through APIs, partner-built integrations, and the Alg

Hi We wondered if its possible to start a workflow on a launch page itself to send this page to an external URL for business sign off.  After business sign off workflow can be approved and launch promoted back to source.  Is there an out of the box workflow we can connect to this use case? Thankskeeley 

Hi ,  I need to connect aem 6.5 with s3 connector. but when i try access https://repo.adobe.com/nexus/content/groups/public/com/adobe/granite/com.adobe.granite.oak.s3connector/It showing error, How can i download this zip or is there any other way to download ?? Kindly help me to do this.  Thanks in advance

Hi Everyone,I have a page created using Editable template.I have a component which is placed in Template.I have written a Sling model to fetch page properties by using resource.But not able to fetch page properties.It is fetching template properties.Can Any one help me how to fetch page properties ThanksBhanu Prakash

XML Documentation for Adobe Experience Manager as a Cloud Service is Now Available! by Adobe Abstract XML Documentation for Adobe Experience Manager is now available as a cloud service. Documentation and IT leaders can drive higher ROI from content through faster delivery and lower operational costs with a scalable, cloud-native CCMS solution from Adobe. XML Documentation for Adobe Experience Manager as a Cloud Service was made generally available on June 24, 2021. With a digital foundation that’s always current, scalable, and accessible, IT leaders and content professionals can now really scale content creation and deliver technical content faster. It offers a cloud-native component content management solution to create, manage and deliver unparalleled experiences at scale for long-form content, with SaaS-like speed to value while being extensible and customizable to meet business needs. Read Full Blog XML Documentation for Adobe Experience Manager as a Cloud Service is Now Availabl

How to create Context Aware Configurations in AEM by Manuel Gutierrez Abstract If you want to be able to make configurations similar to what can be done using OSGi configs but that could be configured by regular authors and also applied to specific parts of the site using Context-Aware configurations. In this quick tips episode, you will learn how! Read Full Blog How to create Context Aware Configurations in AEM Q&A Please use this thread to ask the related questions.

Top Adobe Summit 2022 Sessions - By Taqalytics by taqalytics Abstract Adobe Summit 2022 was a great opportunity to experience learning from industry experts, partners, professionals that showcased Adobe Experience Cloud, Adobe Commerce, Analytics, and Adobe SDK. This 2 day Summit had great content and industry-experts who presented advanced & new features in AEM and Adobe products along with its partners. During the Summit,. The Adobe Experience Cloud is an industry leader for providing the tools and resources for digital success. This helps me learn, implement, and help our customers. Out of the many great events in the summit I liked the following in particular: GraphQL with AEM Very informative practical examples of advanced features using GraphQL in AEM were shown. Using GraphQL any application that can make calls over HTTP can be used – the specific https://business.adobe.com/summit/2022/sessions/empower-teams-to-do-more-in-headless-implementatio-tw106.html Top CMS Inn

Hi All, Is there anything down the line to make environment variables more flexible to allow like a JSON of Strings? That way we don't have to maintain separate variables for doing similar operations for different sites. e.g. I can have ten loggers writing to error.log but would want to set only one of them to Debug at a given point in time. Currently, I would need an environment variable for each Logger or a generic Log Level variable that will set all logs to same level. Changing generic variable level to Debug will set it for all ten sites at once which may not be the intention. Is there anything already available to achieve such a use case? Thanks,Ram

hi , I am trying to access the selected values in AEM but only able to access the first value of the multiselect fieldfor e.g:   var allRegionFields = document.querySelectorAll("coral-select.regionselect");// all multiselect fields i.e-3         for(var i =0;i<allRegionFields.length;i++){           console.log("validator call: ",allRegionFields[i].value); //it's returning only the 1st value selected in the multiselect         }  how can I get all values for the multiselect dropdown

What are Custom HTML Elements? | How to use Custom HTML Elements in AEM? by Albinsblog Abstract In this post, let us explore what Custom HTML Elements are and how to use Custom HTML Elements in AEM. Custom Elements allow web developers to define new types of HTML elements.Once a custom element is defined, we can use it on par with built-in HTML elements. Some of the important features are enabled by Custom HTML elements. Define new HTML/DOM elements Create elements that extend from other elements Logically bundle together custom functionality into a single tag Extend the API of existing DOM elements Web Components uses Custom HTML Elements as one of the building blocks to enable reusable custom elements(Components). RULES ON CREATING CUSTOM ELEMENTS: The name of a custom element must contain a dash (-). So , and are valid names. You can’t register the same tag more than once. Attempting to do so will throw a DOMException Custom elements cannot be self-closing(), Always write a clo

Adobe Experience Platform Mobile SDK with Jetpack Compose by Yansong Yang Abstract In this blog, we give you a step-by-step tutorial on how to integrate Adobe Experience Platform Mobile SDKs with a Jetpack Compose application. Jetpack Compose, which is becoming more and more popular, is Android’s modern toolkit for building native UI. It simplifies and accelerates UI development on Android and it brings your app to life with less code, powerful tools, and intuitive Kotlin APIs. Initializing AEP Mobile SDK Registering the extensions and initializing the Adobe Experience Platform Mobile SDKs when launching the application are required before making SDK API calls. This sample code is provided as a reference. For more information, see the documentation on “add initialization code”. Jetpack Compose is designed to be compatible with the existing view-based UI approach. This means the Compose application should have at least one main activity launching composable UI elements on top of it.

Debugging AEM as a Cloud Service with Repository Browser by Adobe Abstract Repository Browser is a powerful tool that provides visibility into AEM’s underlying data store, allowing for easy debugging of AEM as a Cloud Service environment. Repository Browser supports a read-only view of the resources and properties of AEM on Production, Stage, and Development, as well as Author, Publish, and Preview services. Accessing Repository Browser To access Repository Browser on AEM as a Cloud Service: Ensure that your user has the required access Log in to Cloud Manager Select the Program containing the AEM as a Cloud Service environment to debug Open the Developer Console corresponding to the AEM as a Cloud Service environment to debug Select the Repository Browser tab Select the AEM service tier to browse All Authors All Publishers All Previews Select Open Repository Browser The Repository Browser opens for the selected service tier (Author, Publish, or Preview) in a read-only mode, display

How to Create a Content Fragment in AEM by Mayur Satav Abstract Content Fragments are editorial content without any experience. Which can be reused on multiple pages. To create a content fragment we require a content fragment model. The content fragment model defines the structure of content. Once the Content fragment Model is created it can be used to create content fragments for data sets. It is implemented as a dam:Asset. The content fragment can be used in AEM pages using the content fragment component or you can also use it as Raw JSON for 3rd party applications. Step1: First of all we have to create a model for our content fragment. In this step, we are going to create a model for doctor info. Go to Tools -> Assets ->Content Fragment models. Step2: Open your folder and select create option. Read Full Blog How to Create a Content Fragment in AEM Q&A Please use this thread to ask the related questions.

We have text component (using RTE) for which we have defined content policies(Features, Special Characters, Paragraph etc.)Whenever we are doing any authoring changes in Page using a Template mapped with this RTE content policy.The RTE Content policy is getting reset and whatever changes we are doing are not persisting. Could you please guide what can be the issue.

Hi @meenurajput  I haven't tried with language copies. Let me check and get back to you. Regards,Jeevan

Configure AEM Dispatcher to prevent DoS Attacks by Aemrules Abstract A denial of service (DoS) attack is an attempt to make a computer resource unavailable to its intended users. At the dispatcher level, there are two methods of configuring to prevent DoS attacks: Use the mod_rewrite module (for example, Apache 2.4) to perform URL validations (if the URL pattern rules are not too complex). Prevent the dispatcher from caching URLs with spurious extensions by using filters. For example, change the caching rules to limit caching to the expected mime types, such as .html .jpeg .gif .swf .js .doc .pdf .ppt .... as per your project requirement. An example configuration file is given below, for this includes restrictions for mime types. When configuring Dispatcher you should restrict external access as much as possible. The following example provides example for the minimal access for external visitors, you can refer the default file. /filter { # Deny everything first and then allow spec