With HTL, Pass Data from AEM Backend to Javascript
When working with AEM components, it’s very common to pass data from AEM backend to a particular JavaScript event. In this article, we will be focusing on how to pass data from AEM backend using the HTML data-* attribute. HTML data attributes were designed apart of HTML5 where these attributes allow developers to store data, […]
3 Different Ways to Embed Custom Fonts in AEM Sites
In this article, we will go through three different ways how you can embed custom fonts in an AEM site. Embed Custom Font using Google Fonts, CDN Embed Custom Font using Adobe Fonts, CDN Embed Font via AEM Client Library Static Asset 1. Embed Custom Font using Google Fonts, CDN Embed a custom font is […]
How to include JavaScript for an AEM Website
Adding behaviour to a form, button, list of items, or page scroll are some examples of front-end user interactions that we as developers must implement, to enable user rich experiences. How do we add behaviours to a page? JavaScript! JavaScript is the technology used to add user rich experiences for a website. AEM website can […]
How to Serve Static Assets in AEM as Client Library Resources
This article provides step by step instructions on how to create a client library, to only serve structural static assets as client library resources. Resources from this article will build upon the latest maven AEM Project Archetype, and the instructions below will demo the configuration setup within the code. Mention! Learn more about the reasons […]
Structural Static Assets in AEM as Client Library Resources
As developers, when we are building components or view logic, in typical scenarios require assets like background image patterns, icons, logos, typography, etc.. These assets are considered as structural assets. Structural assets are assets that support CSS styles or JavaScript view logic; which are also static assets. Structural assets should be stored and managed within […]