Fetch the background Image from the dialog

[maryani]

 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?

[Jineet_Vora · Accepted solution]

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