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

[Ronnie09]

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?

[ChitraMadan]

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 · Accepted solution]

Hi @Ronnie09 Please try adding these properties.

Thanks

Shivam

[cwalter]

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/...

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]

@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