Clik here to view.
AEM 6550 - React SPA Carousel with Nested Composite Containers as Slides
GoalCreate a React SPA Generic Carousel using Slick JS library. The carousel component can be used to play slides with simple components (text, image etc..) or complex containers. For a sample nested...
View ArticleClik here to view.
AEM 6550 - Query Builder Predicate Evaluator for searching both PSB...
GoalAssets Search filter for searching both PSB (PhotoShop Big) with mime type application/vnd.3gpp.pic-bw-small and PSD (Photoshop Doucment) with mime type image/vnd.adobe.photoshop, by selecting the...
View ArticleClik here to view.
AEM 6550 - Omni Search filter for searching PSB (PhotoShopBig) files
GoalAdd PSB Search filter for searching PSB (PhotoShop Big) files with mime type application/vnd.3gpp.pic-bw-small by selecting File Type > Images > Bitmaps > Adobe Photoshop BigFor a...
View ArticleClik here to view.
AEM 6560 - React SPA Dynamic Media Smart Crop Image Component
GoalCreate a React SPA Smart Crop Image component /apps/eaem-sites-spa-how-to-react/components/dm-image-smart-crop to show the dynamic crops for different breakpoints...Demo | Package Install |...
View ArticleClik here to view.
AEM 6560 - Sites Editor Asset Finder set Default Folder
GoalSites pages loaded for editing show the assets in /content/dam root by default. This post is for setting the path to a specific project folder...Demo | Package Install | GithubSolution1) Add a...
View ArticleClik here to view.
AEM 6560 - React SPA component for showing Alert Banner using Material UI
GoalAdd AEM SPA React Alert component showing a banner created using Material UI (MUI) at the top of page. Using MUI there are no global style-sheets, each component is independent and there are no css...
View ArticleClik here to view.
AEM 6560 - React SPA Text component with Material UI Theme and Styles
GoalAdd AEM SPA React Text component showing paragraph texts created using Typescript and Material UI (MUI). Using MUI there are no global style-sheets, each component is independent, so there are no...
View ArticleClik here to view.
AEM Cloud Manager - Setup Git Remotes and Authentication on Windows
The Initial Sync section of Integrating with Git page explains setting up two remotes (origin for customer specific remote and adobe for cloud manager specific remote). This simple post is on providing...
View ArticleClik here to view.
AEM 6560 - SPA Editor Container Class as React SPA Functional Component
GoalReact hooks are not allowed in class components. This post is for using hooks in AEM Editable Component Container coded as a Class. In the following example we use Material UI useMediaQuery hook in...
View ArticleClik here to view.
AEM 6560 - Sites show author entered component name in content tree
When multiple components of the same type eg. Text are added on a page, it might be confusing finding the right component when author uses content tree. The following extension gives flexibility adding...
View ArticleClik here to view.
AEM Cloud Service - Validate asset file extensions while uploading to AEM in...
GoalThe following steps explain adding a client side script to validate the file types while uploading to AEM using browser..Demo | Package Install | GithubSolution1) Create a project...
View ArticleClik here to view.
AEM Cloud Service - Unique assets check while uploading files to AEM in...
AEM Cloud Service Version : 2021.1.4738.20210107T143101Z-201217 (Jan 7, 2021)GoalAdding the following extension would restrict users from uploading duplicates files (files with same name). The check is...
View ArticleClik here to view.
AEM Cloud Service - Dynamic Media Process New Smart Crops and Keep Existing
GoalAEM Cloud Version : 2021.2.4944.20210221T230729Z-210225 (Feb 21, 2021)When new smart crop settings are added in Image Profile, assets have to be reprocessed to see the new crops (otherwise they...
View ArticleClik here to view.
AEM Cloud Service - Dynamic Media folder path length validation, prevent deep...
GoalAEM Cloud Version : 2021.2.4944.20210221T230729Z-210225 (Feb 21, 2021)When the Scene7 sync path (including account name) is more than 255 chars, asset upload to AEM works fine, however sync to...
View ArticleClik here to view.
AEM Cloud Service - Assets server side check for Duplicate file names
GoalAEM Cloud Version : 2021.2.4944.20210221T230729Z-210225 (Feb 21, 2021)The client side duplicate check post provides a helpful error message when user tries to upload duplicate files using a...
View ArticleClik here to view.
AEM Cloud Service - Assets custom metadata field for showing external asset...
GoalAEM Cloud Version : 2021.2.4944.20210221T230729Z-210225 (Feb 21, 2021)This post details steps for adding a Custom Metadata Field in Asset Metadata Editor. If an asset is used in external sites, the...
View ArticleClik here to view.
AEM Cloud Service - Assets Metadata Editor set Tag Fields Required
GoalAEM Cloud Version : 2021.2.4944.20210221T230729Z-210225 (Feb 21, 2021)Add support for Required in Assets Metadata Editor for fields using the Tags widget. Product out of the box does not support...
View ArticleClik here to view.
AEM Cloud Service - Assets Open PDF in new browser tab
GoalAEM Cloud Version : 2021.3.5026.20210309T210727Z-210225 (March 09, 2021)Add a button Open PDF in Tab to the Assets Console tool bar for inline opening the selected PDF in a new browser tabDemo |...
View ArticleClik here to view.
AEM 6580 - Assets Download Version from Timeline
GoalAEM Assets provides version preview in the timeline, this post extends it to download specific asset version..Not tested for performance, please test and improve for big asset version...
View ArticleClik here to view.
AEM Cloud Service - Sites Component Insert and Delete via Content Tree
GoalAEM Cloud Version : 2021.3.5026.20210309T210727Z-210225 (March 09, 2021)Add buttons to Delete and Insert components via Sites Content treeDemo | Package Install | GithubSolutionCreate a clientlib...
View Article