Managing a project to implement Adobe Experience Manager (AEM) requires planning and understanding. To create an AEM-specific email delivery template, follow these steps. g. The AEM author must first add the component in AEM template The AEM author then will be able to drag and drop the Adobe Learning Manager component and configure accordingly. For example, you may have separate templates for product pages, sitemaps, and contact information. AEM Forms Core Components provide ready-to-use sample themes, templates, and form data models to create versatile adaptive forms quickly. This blog post summarizes the editable templates provided by Adobe Experience Manager and shows how to do it yourself in a short tutorial. On the page template, from where the settings are copied to any pages created with that template. On the page node, from where the settings are inherited by any child pages. Developers using the React framework create a SPA and then map areas of the SPA to AEM components, allowing authors to use familiar AEM Sites editing tools. AEM new template editor consists of many features which allow the users to create and manage their personalized templates. When you export an Adaptive Form, the content policies, and. I'm having trouble creating a static page template on our site that already has editable pages. clientLib)To migrate templates (not required if upgrading from 6. Components are the building blocks of a template, and policies control how components. It is recommended to define the breakpoints for the responsive grid and setup of the mobile emulator at on the template type. These templates are just a starting point on which you can base your. But in Headless AEM , you create the content in AEM either using CF or a Template to expose the content as an API. This row should only exist if a blank template is needed at the beginning of the templates. An organization typically has multiple templates. Creating marketing brochures, business cards, flyers, ads and post cards are much easier with Asset Templates when integrated with InDesign server. Create custom themes and templates. Straight forward to follow. Digital Adobe AEM Developer. AEM Modernization Tools allow for the easy conversion of: Static templates to editable templates. Professional Summary. Root Template — Template to create root pages of a website. Learning Manager component requires the configuration created in above step to be mapped to the Page. Retail sample web site. To create a PDF form based on the template, select Create A New Form Based On This Template. This is done by using a combination of components and policies. This is done using the appropriate node properties: Page property to be available in the create view (for example, Create Page wizard): Name: cq:showOnCreate. 0, the HTML Template Language is. The Quick site creation through the Site Template (Site from Template) is currently enabled only in AEM as a Cloud but. To accomplish this we will select the “Send Email” as submit action. However, other users, even if a member of the administrators’ group, DO NOT have the right to unlock pages that have. How to Create Editable Templates. The basic goals for client-side libraries or clientlibs. Creating Custom AEM Page Template with Adobe Campaign Form Components. For now, templates are treated like other pieces of code and sync the Article Page Template down as part of the project. They are either single-app packages or collection packages created by Adobe. 4, we needed to create a Content Fragment Model and create Content Fragments from it. This must be an absolute path, not relative to the. AEM Site Templates - Also known as Quick Site Creation, a low-code approach to generating an AEM Site by using a pre-defined Site Template. Finally, many of the AEM core components offer advanced policy configurations via AEM Template Editor. 2. The repository stores not only the. What are the main features of AEM? The following are the main features of AEM: AEM helps navigate different templates, pages, and elements on the web browser very easily. These also help form authors to learn the extensibility, adaptability, and responsiveness of Adaptive Forms Core Components to create simple forms in no time and complex forms easily while. Description Environment. The ui. On a static AEM template, you will realize that the parsys has no available components. A Comprehensive Guide to AEM Templates: Designing Consistent and Reusable Digital Experiences Introduction to AEM Templates. Designer is a point-and-click graphical form design tool that simplifies the creation of XDP form templates. The hospital’s activities and frequencies for inspecting, testing, and maintaining the following items must be in accordance with. We hope that you also contribute by sending templates via pull requests or Github issues to grow the list. Here is a summary of how templates and components differ in AEM: Templates: Definition: In AEM, a template defines the organization and design of a page or segment of a website. Page templates also allows to set granular policies to govern the behavior of components across the site. The purpose of HTML Template Language (HTL), supported by Adobe Experience Manager (AEM), is to offer a highly productive enterprise-level web framework that increases security, and allows HTML developers without Java knowledge to better participate in AEM projects. As per AEM templates, you can add any default properties or child nodes to the template’s jcr:content. Facilitated the development of Adobe Experience Manager (AEM) projects, resulting in increased customer satisfaction by 20% and a decrease in time-to-market by 30%. AEM now offers two basic types of templates: Editable Templates. Support for creating a native PDF has also been added in the 4. Low-Code: Edit your templates, create content, deploy your CSS, and your site is ready for go-live. Built for flexibility. You can design a form template, define its logic, and meet strict legislative requirements. AEM now offers two basic types of templates for creating pages: Pages and Templates. An XDP and PDF form serve as a Document of Record template in an Adaptive Form. 6. Detroit, MI. Best Practice: Bootstrap your site with all of Adobe's latest recommended practices. It is the job of the AEM developers to convert the business requirements into a fully functional component. Creating a Template. 10th Floor. hi, I am working on aem 6. Global Templates — Templates that all the sites hosted in AEM can use e. Templates are selected when creating a content fragment. Content Fragments can have multiple variants, each variant addressing a. Publish map and topic content in PDF format. Explore setting up and using the Social Media Sharing component. Cloud-Ready: If desired, use AEM as a Cloud Service to go-live in few days and ease scalability and maintenance. AEM site templates define site structure and initial content, and contain an AEM site theme to allow for quick site creation. The reference packages contain sample themes and templates. Site Template enable the swift and effortless creation of standard sites. I'm not sure if I'm just creating the template wrong, missing a required call, or if config templates exist that AEM doesn't check for templates in apps. to gain points, level up, and earn exciting badges like the newWe are using template editor in AEM 6. For installing on a local cloudready development instance use npm run deploy. Quick site creation/Site Template feature helps to help you to set up a landing page/microsite with ease and speed. AEM comes with /conf/global by default and you can use that, but it needs to be enabled before use. Perform the following steps to disable the Layout mode: Select Tools > General > Templates and open the template used in the form in Edit mode. clientLib. To open the template in Designer for editing, select Edit This Template. First, create the Byline Component node structure and define a dialog. I have my static template defined in apps, where this documentation says to define a static templateHowever, there are some limitations. Can be created and edited by template authors using the Template console and editor. Each AEM Page has a structured node jcr:content. Asset Templates allows marketers create, manage and deliver digital assets for digital and print. Email notification templates are based on HTML email. This will bring up the Create Site Wizard. Once a component is developed, it can be configured to use anywhere on the website any number of times. The Experience Fragment is an instance of an Editable Template that represents a logical experience. In Part III, I want to get back to the markup and talk in-depth about AEM’s H TML T emplate L anguage or “HTL”, which is often referred to as Sightly. The content defines how it is rendered as AEM is. Editable templates allow specialized authors to create and update page templates and manage advanced policy configurations with Adobe Experience Manager (AEM) Sites. js App. Tap Create > File Upload. 0 Microsite Template Pattern overview: A unique AEM page template used to create microsites that are cobranded, with the Optum and client logos in the upper left of page header. HTL provides. 4, Editable Templates and Static Templates. From the homepage node, under the jcr:content node, you will find a property named cq:template; this value is the reference to the static and/or editable template. Once you have created an XDP template using the Forms Designer, you must upload it to AEM Forms server so that the template is available for use while creating the Interactive Communication. Hi all, Let us say we are migrating content from an external system to AEM. Perform the following steps to configure an Adaptive Form to use XFA template (XDP file) as template for Document of Record: In Experience Manager author instance, click Forms > Forms and Documents. Once you create a form, any changes to the original template content structure are not reflected in the form. AEM Headless App Templates. AEM comes with /conf/global by default and you can use that, but it needs to be enabled before use. ; To show or hide out of the box adaptive form templates that were added in AEM 6. The wizard has a quick tab navigation to easily select pre-configured template, styling, fields, and submission options to create an Adaptive Form. An adaptive form theme is an AEM client library that you use to define the styles (look and feel) for an adaptive form. You can design a form template, define its logic, and meet strict legislative requirements. Do to popular demand we are now offering remote setup and configuration. The WKND Tutorial takes the developer through how to use these tools and how to build custom components to create an AEM site. At the time of this post, AEM out of the box, only allows you to configure one email provider, which will limit from which email domain you can send emails. 4. Page templates also allows to set granular policies to govern the behavior of components across the site. Does this have to be done manually necessar. The AEM Forms. Managing policies in Adobe Experience Manager (AEM) can be accomplished via code or the template UI. Adobe Experience Manager Assets has all the features you need to build, manage, and deliver digital assets at blazing speed — all from a nimble cloud-native platform. The Title and Name fields are mandatory: Title: Specifies the display name of the form. A delivery template; In AEM, if a newsletter is linked to a single delivery, the delivery code displays on the page. AEM stands for Adobe Experience Manager. 0. To create a new site using editable templates (the recommended way to build sites in AEM 6. This capability enables the rendering of forms on mobile devices and desktop browsers on which XFA-based PDF is not supported. components references in the main pom. Adobe Experience Manager (AEM) Templates play a crucial role in creating consistent and. AEM Forms provide an out of the box template for email notifications. You can customize the out of the box template or create a template from scratch. AEM employs advanced digital marketing tools to improve your user's experience and gain insight into your visitors. AEM provides a small selection of out-of-the-box template types such as HTML5 Page and Adaptive Form Page. Adobe Experience. An adaptive form referring to an XFA have its fields bound with the fields available in the XFA. The auto-generated AEM page must have its type changed to Remote SPA page, rather than a SPA page. The Template. Adobe Experience Manager (AEM) components and templates comprise a powerful toolkit. This course is designed to build the fundamentals of AEM Architecture. HTL provides. The feature of Editable Templates was introduced already with the release version AEM 6. Global Templates — Templates that all the sites hosted in AEM can use e. I am going to focus on page templates in this blog, since that’s one of the most commonly used features in my projects. 4 (eg: AEM 6. Create HTML5 forms. Next, we will update the HelloWorld HTL script in order to understand how this can work. Just like pages, page templates are configured with in-context preview. html. A fragment is a reusable part of a form. This helps in migrating forms or moving them across systems. But AEM 6,5 allows us to Create Content Fragments directly. Managed Users, Groups, SystemUsers and Access Control Level (ACL) permissions. The AEM Project Archetype includes an optional, dedicated front-end build mechanism based on Webpack. Design PDF templates comprising CSS and page templates. Built for flexibility. Upload your XFA template (XDP file) to your AEM Forms instance. When developers try to implement pages and components they will need to create page templates, page components and components. Start the tutorial with the AEM Project Archetype. AEM provides form-based templates, HTML5 based templates, and also provides a drag and drop feature. Below list is the different HTL objects that is available in AEM. medical equipment in an alternative equipment maintenance (AEM) program inventory must have a 100% completion rate. AEM provides form-based templates, HTML5 based templates, and also provides a drag and drop feature. Every template in this section is built using USWDS default theme settings and utilities. All this while retaining the uniform layout of the sites (brand protection. Learn to build out an unstyled Article template based on some mockups from Adobe XD. xml, and in ui. I’ll return to my IDE and I’ll navigate to the UI apps folder. Option 2 – Place header and footer components in experience fragment and use it in. Select the Document Container in the left pane and tap Policy. Exam number: AD0-E121. To get started with AEM Guides, click the Home. The AEM developer places the provided CSS (and optional JS) in a Client Library and deploys it. AEM provides an easy way to navigate through the different pages, assets, templates and elements in the web page. Call us at 1-888-290-3213. For web developers who need to build robust enterprise websites, HTL helps to achieve increased security and. Fig - Create template folder under conf directory. In the previous post, we discussed basics of AEM and the reason behind its hype in the Digital Marketing space. AEM comes with various default templates. Go to the Page in editor mode. Custom properties for Adaptive Forms: You can associate custom attributes (key-value pairs) with a form template or adaptive forms component to allow forms developers to deliver dynamic form behaviors that adapts based on the values of these custom attributes. ca, bringing over a decade of extensive web engineering experience and more than eight years of practical AEM experience to the table. A new feature called Dynamic Templates was introduced in AEM 6. Strategy and transformation. The Style System, when used in conjunction with AEM's Core Components, template editor, and responsive layout, offers powerful. AEM comes with various default templates available out of the box. I’ll explain in this post how to configure the email service and how to use it in your code to send emails using different email templates. Static templates : This has been available for several versions of AEM/CQ Created using "Create Template" option with base page component as resourceType (which is responsible for rendering the page. I was able to create and install the project on my local instance however when i create first page as in tutoria. Page property to be available in the edit view (for example, View / Edit) Properties option): Name: cq:hideOnEdit. AEM Standard Site Template - This is the GitHub repository of the AEM Standard Site template. Create Site Template. AEM Forms is an Adobe Experience Manager's capability allowing easy-to-use solution to create, manage, publish, and update complex digital forms while integrating with back-end processes, business rules, and data. Some of the key capabilities it provides are: Responsive layout on mobile devices. In the Properties window, tap. An Adaptive Form template is specialized AEM Page Template, with certain properties and content structure that is used to create Adaptive Form. 6019. In AEM, these webpages are created by content authors and they use. Sending Email on Adaptive Form Submission. Using XF can provide an advantage of using header/footer variations if any in different site templates Template Strategy: You should be able to adopt any number of Editable template strategies; some of them are below. Adobe. html which is referred using clientLib keyword (-use. HTML Template Language (HTL) is the preferred and recommended server-side template system for HTML in AEM. These packages are created based on default settings. Having newer templates couldn’t have been easier if it is not for AEM. You can design a form template, define its logic, and meet strict legislative requirements. Root Template — Template to create root pages of a website. The package is uploaded to your AEM instance. In Adobe AEM, the template concept is widely used across different products. For example: you have 3 templates (and corresponding pages with this templates): template-1: allowedChildren=" [template-2]" template-2: allowedChildren=" [template-3]" template-3: allowedChildren=" []" Then in siteadmin,. HTL (Sightly) HTML template language is preferred and recommended server-side template system used in AEM, this is also know as sightly in most of the AEM community. A third party system/touchpoint. For more information about templates, see Adaptive form templates. The unified user interface provided by AEM helps in better personalization. Specify Name of the theme. These templates serve as a Document of Record template for an Adaptive Form. AEM comes with several templates and components out of the box for you to create campaign newsletters. AEM components are used to hold, format, and render the content made available on your webpages. Other traditional AEM features like the Template Editor and Core Components are also supported. Select Edit from. To create the XDP file you will need the Form Designer, and a Windows machine to run this. Achieve this leveraging sling selectors in. You can import and export assets in CRX package or binary file formats. Adobe Experience Manager (AEM), formerly known as CQ5 or Communique5, is an Enterprise Web Content Management System which allows organizations to deliver a highly personalized digital experience to audience across different delivery channels including web, mobile and social. Upload templates and other assets to your Experience Manager Forms Cloud Service instance (Only for Document Generation APIs) Upload templates and other assets to your Experience Manager instance. I’ll return to my IDE and I’ll navigate to the UI apps folder. The AEM developer places the provided CSS (and optional JS) in a Client Library and deploys it. Steps: Template author. Click Create > DITA Template. Use out of the box components and templates to quickly get a site up and running. This template is used to create the root page of the Experience Fragment. AEM Forms tutorials and videos. Before you start, learn about the type of Forms components available to you:Site Templates Console. Content Fragments and Experience Fragments are different features within AEM:. Created page template as done in we-retail site. Certificate level: Certified Expert. i) Editable Templates. dynamica templates are able to replace static templates. 0, takes the place of JSP (JavaServer Pages) as the preferred and recommended server-side template system for HTML. Tap Home and select Edit from the top action bar. The Designer install file can be obtained in the email containing the link to AEM jar. Introduction. Check the AEM Integration package. Exam name: Adobe Experience Manager Sites Business Practitioner. Issue/Symptoms. For a step-by-step guide to creating your own SPA, see the Getting Started with the AEM SPA Editor - WKND Events Tutorial. Adobe Experience Manager (AEM) provides an easy-to-use solution to create, manage, publish, and update complex digital forms while integrating with back-end processes, business rules, and data. Then you deploy the files to the Cloud by running either Azure-CLI or PowerShell. Create Configuration, Title should be your project name and check on editable templates. Created for: Beginner. Created AEM templates and page components with custom dialogs. Create Workflow Model: In AEM’s Touch UI, navigate to Tools > Workflow > Models and click “Create” to design the model using drag-and-drop components. You can create your site-specific templates for content fragments under: The location for overlaying out-of. 9. check - AEM Developer Learning : Dynamic (Editable) Templates in AEM 6. Next, generate a new site using the Site Template from the previous exercise. Optimizing caching within your AEM architecture is one of the quickest ways to get a big performance boost. A static template is a hierarchy of nodes that has the same structure as the page to be created, but without any actual content. You can also use your custom AEM page templates for AEM Site generation. The AEM software has some bugs. Editable templates have been introduced in AEM 6. So far adding parsys was done by editable templates and not for code. On the other hand, utilization of Site. Role examples: Development team - provides AEM knowledge and executes new transformative. Experience fragment variations. This: is of type cq:PageContent; is a structured node-type holding a defined content-definition; has a property sling:resourceType to reference the component holding the sling scripts used for rendering the content; Default Templates. Here, you will create our own folder, which will hold our template. With Page Templates, certain Roles (e. Then AEM check for allowedPaths property of these selected template group and check that path present in this property matches with the path of page, yes or not, if yes then this. This template allows you to provide a condition and from there, if the condition is. For further details about the dynamic model to component mapping and. In AEM, a template specifies a specialized type of page. Provides a link to the Global Navigation. Configurable rows and columns. In simpler terms, we can create many pages based on a template and all these pages will have the. NOTE. Upload XDP template to the AEM Forms server. By checking this button, the page becomes a Three Column Template page. 0 License. This tutorial covers developing for the Style System to extend Core Components with brand-specific CSS and advanced policy configurations of the Template Editor. g. The AEM Project Archetype generates a project primed for AEM’s integration with a Remote SPA, but requires a small, but important adjustment to auto-generated AEM page structure. So a lot of organizations would have templates of this kind, which were created using Adobe LifeCycle Designer or AEM forms. In your page templates for site2, define a policy that allows the authors to use components from component group Group2 but also any chose components from Group1. The template has preconfigured layouts, styles, and basic initial content structure. 2. Every catalog has a generic template for product and category pages. 2 - Getting Started with AEM Sites - WKND Tutorial (This is a full blown 6 part AEM tutorial) 3 - a Guided Journey here on Editable Templates -- Scott's Digital Community: Guided Journey for Experience Manager on Editable Templates. Sign into your AEM authoring environment and navigate to the Sites console Editable Templates. This video explores the following facilities of the Social Media Sharing component (part of AEM Core Components) using the We. The Story So Far. No components’ versioning is available. To show or hide out of the box adaptive forms template, check or uncheck the Include Out of the box AF and AD Templates option. AEM components are used to hold, format, and render the content made available on your webpages. 5, the HTTP API supports the delivery of content fragments. Can be created and edited by template authors using the Template console and editor. How to Create Editable Templates. The XDP templates. A wizard to create a theme is launched. AEM utilizes a powerful templating language called Sightly/HTL (HTML Template Language) for separating the presentation logic from the content. Template Strategy: You should be able to adopt any number of Editable template strategies; some of them are below. 5 Adobe recommends using editable templates. This: is of type cq:PageContent; is a structured node-type holding a defined content-definition; has a property sling:resourceType to reference the component holding the sling scripts used for rendering the content; Default Templates. If an API is provided by AEM, prefer it over Sling, JCR, and OSGi. To customize/build your template you can either copy from existing one and modify them according to your need visit below links for more details. Sample AEM project template. It provides a user-friendly environment for managing the structure and components of templates. ACS. The idea is to express your cloud resources as JSON files. In CMS world, Template, or Page Template is the base of the page user creates, it defines high level structure, basic functionality and sets the tone of look and feel. For web developers who need to build robust enterprise websites, HTL helps to achieve increased security and development efficiency. Have one or more INDD templates uploaded to and available in Experience Manager in advance. You can also define model properties, such as whether the workflow is transient or uses multiple resources. The tutorial offers a deeper dive into AEM development. Editable templates, which in turn are defined by editable template types and an AEM page component implementation, define the allowed AEM components that can be used to compose an Experience Fragment. On the Blueprint page, select Map and click Next. HTL Layers. Types of AEM Templates. So the AEM. Click Next, and then Start to begin the installation. to define aspects such as the relationship between templates and components, the integration strategy for third-party applications and any specialized. Advanced features of Editable Templates, such as policies for allowed components, the style system, or defined initial content, strictly rely on the Layout Container and Layout Mode — which is tied into the AEM Editor. Marketers then edit the copy, images, and other areas of the template which are available for editing and select the content to be approved in CMP workflows. js, SvelteKit, etc. 2, we have categorisation for templates - Static and Editable templates. In Parts I and II, I wrote about Clientlibs and then how they’re composed. Creating and Organizing Pages - This guide details how to manage pages of your AEM Site if you want to customize it further after creating it from the template. sites. This order is a general rule, meaning exceptions exist. For this. The dialog exposes the interface with which content authors can provide. Sling. Yes Page component is still needed in dynamic templates. wcm. aem-site-template-standard; aem-site-template-basic-theme-e2e - Used as an example for “real-world” projects. From the sites console, tap or click Create at the top-right of the screen and select Site from template in the drop-down. Three templates are available in this file, which can be called through data-sly-call: css - Loads only the CSS files of the referenced client libraries. The admin account can unlock any page by opening the page and clicking on Unlock Page from the page properties drop down. I’ll return to my IDE and I’ll navigate to the UI apps folder. The class names generated for the AEM Grid are tied directly to the Layout Container functionality in AEM. The developer needs to be involved to customize the template and developing our own template. The latest AEM features help create greater content development and social media marketing. They allow real-time changes to page structure and components. AEM frequency is determined by the hospital's AEM program. You create an adaptive template and apply the theme to the template. For AEM SPA Editor to integrate a SPA into it’s authoring context, a few additions must be made to the SPA. A Comprehensive Guide to AEM Templates: Designing Consistent and Reusable Digital Experiences Introduction to AEM Templates. Introducing the JMeter Test Plan Template, a Cognifide innovation that makes AEM performance testing more efficient. . Using repeating subforms from Form Template (XDP/XSD) Repeatable subform is similar to the repeatable panels in Adaptive Forms. If you’re new to Azure Bicep, this is a new open-source effort to define an Azure-native language for infrastructure as code. Each AEM Page has a structured node jcr:content. This tutorial explain about the core concepts of editable template in aem. Understanding how client libraries are structured and included on the page is critical. About Editable Templates in AEM. You can personalize content and pages, track conversion rates, and uncover which ads drive. To build such an experience, ALM provides an Adobe Learning Manager reference site package (ALM reference site package) for AEM Sites in the form of a ZIP file that you can install on your AEM Sites instance. 3. Familiar with personalization features in AEM Experience developing templates, components in AEM Proficient with authoring, and deployment activities in AEM Basic knowledge of image authoring tools, ability to crop, resizing or perform small adjustments on an image. In AEM Forms Designer, perform the following steps to create a repeating subform: In the Hierarchy palette, select the parent subform of the subform you want to repeat. This template defines the structure, initial elements, and variations. Congratulations! Congratulations, you have just updated and deployed a theme to AEM! Next Steps. The AEM Headless Client for JavaScript is used to execute the GraphQL persisted queries that. How to open AEM files. Facilitated the development of Adobe Experience Manager (AEM) projects, resulting in increased customer satisfaction by 20% and a decrease in time-to-market by 30%. Sites created with AEM site templates allow for the easy download, customization, and redeployment of the themes. HTL as used in AEM can be defined by a number of layers. In the Navigation pane, right-click the folder where you want to create the template, select Create. 2 and improved in the next releases. An XDP and PDF form serve as a Document of Record template in an Adaptive Form. Also, a template can refer to a resource or another XFA template. An adaptive form theme is an AEM client library that you use to define the styles (look and feel) for an adaptive form. Adobe Experience Manager (AEM) is a comprehensive content management solution that makes it easy to manage your marketing content and assets. Using AEM Forms, business users can create compelling personalized user experiences by customizing document templates and incorporating information from back-end processes to the templates. And deliver high-impact digital assets at every step of the customer journey. Dynamic templates have lots of advantages over static templates. From AEM 6. Recorded at #adaptTo() 2021Vlad Băilescu, Adobe Creating a website with. 2. If you have the same page component for all the templates and with different or same initial content then you can achieve this by 1-page template. Dynamic Templates are a type of editable template in AEM that provide flexibility and control. ca, bringing over a decade of extensive web engineering experience and more than eight years of practical AEM experience to the table. They provide the new fragment with the basic structure, element (s) and variation. When you create a Content Fragment, you also select a template. Documentation AEM as a Cloud Service Creating Page Templates Last update: 2023-11-17 When creating a page, you must select a template, which is used as. Browse the following tutorials based on the technology used. 3) - see these resources: 1 - Adobe Experience Manager Help |. Proprietary Adobe: Cover over 80% of unit testing. The key properties beyond normal AEM template required properties include; dps-resourceType=“dps:Article” This property ensures that the AEM page is recognized as an AEM Mobile targeted article page.