in my opinion the best way for you to do this from siteA.com to siteB.com, is just to update the contents of siteA.com to produce links like<a href="https://siteB.com">Newsletter</a>... when customers click on a link on siteA.com, it will open the siteB.com page... for new tab, go for this:  <a href...

Well, first of all you need to make sure your SlingModel is initiated... and then your using the correct Sling Annotations to pull jcr properties into that component. like @ValueMapValue private String text;... next, you need to ensure that your TextUtil is also working as expected.     HTL <a href=...

Hey @NageshRaja , its best practice to place resource files into the ui.frontend. Please copy exactly what the WKND project is doing here, and this is the way to do it https://github.com/adobe/aem-guides-wknd/tree/main/ui.frontend/src/main/webpack/resources/fonts The disadvantage of hard coding the ...

This is an example of checking the status of a single page, but using your java skills, you should be able to send in a particular param and applying Java patterns like SOLID principals when creating methods utils, etc...  in this example, we are checking the status of /content/wknd/en/adventure   i...

In my opinion, best way to embed a custom font for an AEM project is to store web-safe font files directly into a client library; self hosted. The fonts are then referenced by the CSS stylesheet, where the font file paths are the proxied client libraries URI. Using the CSS rule, @Font-face, we are a...

Adobe recommends using Experience Fragments (XFs) for modernizing headers and footers. XFs offer a smart referencing rendering engine that dynamically adapts content based on the region or language context. For example, if you create an XF for Canada in English or French, it will automatically r...

I currently have experiences with our customers where the teaser component has so many features that its overloaded with too many features, causing confusion for content authors, it’s often referred to as “feature creep” or “overcomplication”.In this case, moving forward during component development...

For me, I would re-use the AEM Core Form Components, and add style systems to match the styling as what you are showing us. for example, I can see 7 form elements on your page.1. Form Text, seems standard, you can just overlay this component, and add some CSS to it to match your needs Form Text (aem...

It seems like you are using Teaser V1.From my findings, if you are using the latest and greatest, It looks like TeaserV2 already has the Touch UI, with target blank on line:75 https://github.com/adobe/aem-core-wcm-components/blob/d2a7b02405db241fadbad02a4878f8770b36e246/content/src/content/jcr_root/...

Hey @Angelger ,To get the layout features of AEM working with the bootstrap break points, I suggest you to play around with the grid.less, https://github.com/adobe/aem-guides-wknd/blob/main/ui.apps/src/main/content/jcr_root/apps/wknd/clientlibs/clientlib-grid/less/grid.less, and try to introduce som...