Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Fetch the background Image from the dialog

Avatar

Level 2

 I need to add a background image field in the dialog so that it would be the background image for the component. How do I fetch it?

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hello @maryani,

Please consider below dialog structure:

<imgPath
  jcr:primaryType="nt:unstructured"                                      
  sling:resourceType="granite/ui/components/coral/foundation/form/pathbrowser"  
  fieldDescription="Select an image from path browser"
  fieldLabel="Browse Image"
  name="./imagePath" >
</imgPath>

Once the value is stored in dialog then you can fetch in HTL using:
${properties.imagePath} which will give the path of the selected image.

Hope this helps!

Jineet

View solution in original post

1 Reply

Avatar

Correct answer by
Community Advisor

Hello @maryani,

Please consider below dialog structure:

<imgPath
  jcr:primaryType="nt:unstructured"                                      
  sling:resourceType="granite/ui/components/coral/foundation/form/pathbrowser"  
  fieldDescription="Select an image from path browser"
  fieldLabel="Browse Image"
  name="./imagePath" >
</imgPath>

Once the value is stored in dialog then you can fetch in HTL using:
${properties.imagePath} which will give the path of the selected image.

Hope this helps!

Jineet