top of page
  • Writer's pictureHeena

Utilize same dialog structure in multiple components

Updated: May 2

Let's say multiple dialogs contain same set of fields. Rather than creating same set of nodes each time, we can create the structure only once and refer every where.

In this post we will learn how to refer a dialog in another dialog.


Steps:

1. Let's create a sling:Folder where we will keep repetitive set of nodes. Let's name it as datasource.

datasource node

2. One of the most common repetitive set of fields would be URL and Label. Let's create a container for the same.

3. Create a node called "button" under datasource node

name="./name"
fieldLabel="Name" sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
jcr:primaryType = "nt:unstructured"

4. Create a node called "content" under button node

sling:resourceType = "granite/ui/components/coral/foundation/container"
jcr:primaryType = "nt:unstructured"

5. Create a node called "items" under content node

jcr:primaryType = "nt:unstructured"

6. Under items node we will create node url and label.

url:

sling:resourceType = "granite/ui/components/coral/foundation/form/pathfield"
name = "./url"
jcr:primaryType= "nt:unstructured"
fieldLabel = "URL"

label:

sling:resourceType = "granite/ui/components/coral/foundation/form/textfield"
name = "./label"
jcr:primaryType= "nt:unstructured"
fieldLabel = "Label"
url node

7. Now, let's refer this structure in overridden component. To do so, create a node called button and add following properties to it.

sling:resourceType = "granite/ui/components/coral/foundation/include"
path = "/apps/aemblog/components/datasource/button/content"
items node

That's it! Go ahead and check the dialog of the component you included the reference in. You will notice that URL and Label field shows up.

aem dialog


That's all for today! If you've found this blog post informative or helpful, I’d greatly appreciate it if you could give it a like. It keeps me motivated 💛


Enjoying my ad-free blog? Support by buying me a coffee! I've kept this space ad-free, sponsoring it myself to maintain its purity. Your contribution would help keep the site afloat and ensure quality content. Thanks for being part of this ad-free community.

179 views

Related Posts

See All

Comentários


bottom of page