I have a question on AEM 6.3 coral 3 components.

Hello all!,

When i am trying to change the granite to coral in the sling resource type property, the image field which had drag drop is broken. I am sharing my code here please correct me if i am doing anything wrong here. Thank you so much.

<image jcr:primaryType="nt:unstructured"

                                   sling:resourceType="granite/ui/components/coral/foundation/form/fileupload"

                                   autoStart="{Boolean}false"

                                   class="cq-droptarget"

                                   fieldLabel="Image"

                                   fieldDescription="Select the image."

                                   fileNameParameter="./imageName"

                                   fileReferenceParameter="./imageFileRef"

                                   mimeTypes="[image]"

                                   multiple="{Boolean}false"

                                   name="./image"

                                   uploadUrl="${suffix.path}"

                                   allowUpload="{Boolean}false"

                                   useHTML5="{Boolean}true"/>

                            <imagealt

                                    jcr:primaryType="nt:unstructured"

                                    sling:resourceType="granite/ui/components/coral/foundation/form/textfield"

                                    fieldLabel="Image Alt Text"

                                    fieldDescription="Enter the alternate text for the banner image."

                                    name="./imageAlt"/>.

Also, i am changing the Sling:resourceType = "granite/ui/components/foundation/form/..." to "granite/ui/components/coral/foundation/form/..." for all other fields. Is this correct or do i need to do something different from this to upgrade the components to coral 3 in AEM 6.3. Thank you so much for your help i really appreciate your time and your answers.