Skip to main content

Posts Tagged ‘AEm Front-End’

Enabling Dynamic Media Feature AEM Custom Components

Enabling Dynamic Media Feature For AEM Custom Components

Dynamic Media is one of the versatile tools provided by Adobe. Previously, it was known as Scene7. It has strong Asset editing and authoring tools capabilities. It is based on a Cache delivery network, which loads the contents to improve page load time and renders the right image renditions correctly resized and optimized. Dynamic Media allows […]

Keyboard with search bar

AEM Customization: How to Add a Custom Action Button to the AEM Assets Action Bar Menu

Recently, a client approached us with a requirement to update content fragment elements data, Assets metadata, and Folder metadata via an Azure-based API. Our initial solution was to implement a JMX script, which could be started by an admin user group with valid parameters. However, this was a rather limiting solution, as normal AEM authors […]

Science

AEM Forms: Custom Styling for the AEM Forms Component

The AEM Forms product comes with many out-of-the-box (OOTB) UI components that allow you to build meaningful forms for your business; the forms can be used to collect data, like applications, surveys, and consent authorization.  But, these OOTB UI form components come with default UI styling.  When we integrate AEM Forms into a website, the […]

Pexels Deeana Creates 1576210

Adding a Color Picker to the AEM Content Fragment Model Editor

Recently, one of our clients looked to add a custom field in the Adobe Experience Manager (AEM) Content Fragment Model Editor. If you’re wondering what AEM Content Fragments are, check out Dan Klco’s post, as he does a great job explaining. Content Fragment Models are built with elements from various out-of-the-box data types, including single-line […]

Lee Campbell 6njoebtarec Unsplash

Creating Your First Custom AEM Component Using React

Recently, I went through an article about integrating React JS and Angular JS with AEM. In this blog, I am going to show you how to create a custom component that includes a cq:dialog and one that does not include a cq:dialog. Before building the components, clone the repository, which is a sample project based […]

AEM with Front-end Technologies Like Grunt

This post will demonstrate how to use Grunt and Grunt plugins with AEM archetype projects. The purpose of front-end technologies integrated with AEM projects is to automate various tasks like Sass lint, compile Sass into CSS, minify CSS, merge JS files, JS error checking, and minify JS. With the use of front-end technologies like Node, […]