On Page property cq/gui/components/authoring/dialog/fileupload now working | Community
Skip to main content
Level 6
February 28, 2023
Solved

On Page property cq/gui/components/authoring/dialog/fileupload now working

  • February 28, 2023
  • 4 replies
  • 1398 views

While creating page I have made this image mandatory it is appearing somewhat like this I dont know why. Even "Clear" , "Pick" button is not working. 

 

Am I doing something wrong in here?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Shivam153

Hi @ronnie09 Please try adding these properties.

Thanks

Shivam

4 replies

ChitraMadan
Community Advisor
Community Advisor
February 28, 2023

Hi @ronnie09 ,

 

Try to use like below:

<image jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/fileupload" allowUpload="{Boolean}false" autoStart="{Boolean}false" class="cq-droptarget" fieldLabel="Required Image" fileNameParameter="./imageName" fileReferenceParameter="./fileReference" mimeTypes="[image]" multiple="{Boolean}false" name="./imgReference" title="Upload Image" uploadUrl="${suffix.path}" useHTML5="{Boolean}true"/>

It will appear like this

 

Shivam153
Shivam153Accepted solution
Level 3
February 28, 2023

Hi @ronnie09 Please try adding these properties.

Thanks

Shivam

cwalter-1
Level 2
February 28, 2023

Are you using the coral version of the widget? It will cause trouble if you mix old&new widgets. Please refer to the docs here:

 

https://developer.adobe.com/experience-manager/reference-materials/6-5/granite-ui/api/jcr_root/libs/granite/ui/components/coral/foundation/form/fileupload/index.html

 

It takes a bit of trail & error until you figure out which attributes need to be set and which can be left out.

Rohit_Utreja
Community Advisor
Community Advisor
March 1, 2023

@ronnie09 

check /libs/granite/ui/components/foundation/form/fileupload/render.jsp and compare all properties added to this node. All properties need to be adjusted according to this jsp file