Dialogs are the key component to authoring digital experiences with Adobe Experience Manager. This course will teach you to build custom AEM dialogs, including Granite UI, dialog node structure, input validation, and tracing input back to AEM's JCR.
Tyler Maynard has been a technology enthusiast since blowing up his parents 486 DX trying to
install a Voodoo 1. In between teaching Node.js at UVU and developing AEM websites you can find
Course Overview Hello everyone. My name is Tyler Maynard and welcome to my course, Advanced AEM Dialogs with Granite UI. I am an AEM solutions engineer at Hoodoo Digital. AEM's dialogs are the key component to authoring digital experiences and empowering content marketing teams. In this course we will focus on building intuitive AEM dialogs and learn how to leverage their underlying framework, Granite UI. Some of the major topics that we will cover include: Granite UI's role on the server and the client, the dialog node structure, pre-populating dialog content, and creating dynamic content with data source. By the end of this course you'll know how to utilize Granite UI to build custom AEM dialogs to tackle any business objective. Before beginning this course you should be familiar with building an AEM project from source code to an AEM instance. I hope you'll join me on this journey to learn Granite UI and AEM dialog development with the Advanced AEM Dialogs with Granite UI course here at Pluralsight.
Granite UI Form Fields Granite UI's form fields are what we use to capture content from content authors. These can be simple text fields or more complex fields like color pickers. In this module we will look into the dialog's form and how it creates resources in AEM's JCR and how to use Granite UI form components. Let's look at exactly what we will cover in this module. We'll start by investigating the form that is generated from our Granite UI's components and learn how to locate the resources that are created during form submission. From there we will take a look at the field component, which all other Granite UI form fields extend from and learn how we modify resources with our dialog's inputs. Then we will learn how to work with some of the more advanced form components like the number field and the date picker components. We will close the module by learning about the multifield component, which you can use to work with multiple instances of a single field.
Pre-populating Data for Components and Dialogs In this quick module you will learn how you can pre-populate the resource in AEM when components are dragged onto the page. This will also populate any dialogs that are pointing to the pre-populated properties. Let's look at exactly what we will cover in this module. We'll start by learning how we can use cq:template nodes on components that will be used as a template for the resource that is created when you drag a component onto the page. Then we will take a look at how pre-populating this resource can be used to pre-populate your dialog's input fields.
Dynamic Dialog Content with DataSource Earlier in this course we briefly talked about datasource, which can be used for creating dynamic content inside of our dialogs. In this last module you will learn how to leverage datasource to generate items dynamically. Let's take a moment to discover what we will cover in this module. We'll start by taking a closer look at datasource and how it can be leveraged in AEM in Granite UI. Then we will populate the options of a select drop-down using back-end logic so our options are dynamic based on content inside of the JCR. We'll close the module by learning how we can use a combination of ACS Commons, which is an open-source project and datasource to help manage our dialogs.