Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Coral Fileupload not working when placed inside Coral multi-field

Avatar

Avatar
Ignite 1
Level 2
pravinb2619228
Level 2

Likes

3 likes

Total Posts

9 posts

Correct Reply

0 solutions
Top badges earned
Ignite 1
Validate 1
Give Back 3
Give Back
Boost 3
View profile

Avatar
Ignite 1
Level 2
pravinb2619228
Level 2

Likes

3 likes

Total Posts

9 posts

Correct Reply

0 solutions
Top badges earned
Ignite 1
Validate 1
Give Back 3
Give Back
Boost 3
View profile
pravinb2619228
Level 2

24-02-2018

I am working on a component which requires an image to be uploaded using fileupload widget inside a coral multi-field 

Following is the dialog configuration:

<?xml version="1.0" encoding="UTF-8"?>

<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"

    jcr:primaryType="nt:unstructured"

    jcr:title="Custom Multi-field Component"

    sling:resourceType="cq/gui/components/authoring/dialog">

    <content

        jcr:primaryType="nt:unstructured"

        sling:resourceType="granite/ui/components/coral/foundation/container">

        <items jcr:primaryType="nt:unstructured">

            <tabs

                jcr:primaryType="nt:unstructured"

                sling:resourceType="granite/ui/components/coral/foundation/tabs"

                maximized="{Boolean}true">

                <items jcr:primaryType="nt:unstructured">

                    <generalItemsTab

                        jcr:primaryType="nt:unstructured"

                        jcr:title="General"

                        sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns">

                        <items jcr:primaryType="nt:unstructured">

                            <content

                                jcr:primaryType="nt:unstructured"

                                sling:resourceType="granite/ui/components/coral/foundation/container">

                                <items jcr:primaryType="nt:unstructured">

                                    <title

                                        jcr:primaryType="nt:unstructured"

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

                                        fieldDescription="Please provide title for the component"

                                        fieldLabel="Title"

                                        name="./title"/>

                                    <image

                                        jcr:primaryType="nt:unstructured"

                                        sling:resourceType="myProject/cq/gui/components/authoring/dialog/fileupload"

                                        allowUpload="{Boolean}false"

                                        autoStart="{Boolean}false"

                                        class="cq-droptarget"

                                        fieldLabel="Background Image"

                                        fileNameParameter="./imageFileName"

                                        fileReferenceParameter="./imageFileRef"

                                        mimeTypes="[image/jpeg,image/png]"

                                        multiple="{Boolean}false"

                                        name="./imageFile"

                                        title="Upload Image Asset"

                                        uploadUrl="${suffix.path}"

                                        useHTML5="{Boolean}true"/>

                                </items>

                            </content>

                        </items>

                    </generalItemsTab>

                    <productsTab

                        jcr:primaryType="nt:unstructured"

                        jcr:title="Products Tab"

                        sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns">

                        <items jcr:primaryType="nt:unstructured">

                            <content

                                jcr:primaryType="nt:unstructured"

                                sling:resourceType="granite/ui/components/coral/foundation/container">

                                <items jcr:primaryType="nt:unstructured">

                                    <products

                                        jcr:primaryType="nt:unstructured"

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

                                        composite="{Boolean}true"

                                        fieldDescription="Click 'Add field' to add a new Product"

                                        fieldLabel="Products">

                                        <field

                                            jcr:primaryType="nt:unstructured"

                                            sling:resourceType="granite/ui/components/coral/foundation/container"

                                            name="./multiFieldItems">

                                            <items jcr:primaryType="nt:unstructured">

                                                <productName

                                                    jcr:primaryType="nt:unstructured"

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

                                                    fieldDescription="Please provide name for the Product"

                                                    fieldLabel="Product Name"

                                                    name="./productName"/>

                                                <productDesc

                                                    jcr:primaryType="nt:unstructured"

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

                                                    fieldDescription="Please provide Description for the Product"

                                                    fieldLabel="Product Description"

                                                    name="./productDesc"/>

                                                <productImage

                                                    jcr:primaryType="nt:unstructured"

                                                    sling:resourceType="myProject/cq/gui/components/authoring/dialog/fileupload"

                                                    allowUpload="{Boolean}false"

                                                    autoStart="{Boolean}false"

                                                    class="cq-droptarget"

                                                    fieldLabel="Product Image"

                                                    fileNameParameter="./productImageFileName"

                                                    fileReferenceParameter="./productImageFileRef"

                                                    mimeTypes="[image/jpeg,image/png]"

                                                    multiple="{Boolean}false"

                                                    name="./productImageFile"

                                                    title="Upload Product Image"

                                                    useHTML5="{Boolean}true"/>

                                            </items>

                                        </field>

                                    </products>

                                </items>

                            </content>

                        </items>

                    </productsTab>

                </items>

            </tabs>

        </items>

    </content>

</jcr:root>

Issue: When multiple product info is added in the "Products Tab"  of the dialog, the property "productImageFileRef" should be stored on each of the multi-field nodes. But that is not the case as you can see below:

Note: I have overridden the OOTB /libs/cq/gui/components/authoring/dialog/fileupload/render.jsp inside my project to fix one of the issues mentioned in this link

https://github.com/Adobe-Marketing-Cloud/aem-core-wcm-components/issues/101.

I have also referred the solution specified at http://experience-aem.blogspot.com/2016/06/aem-62-touch-ui-composite-image-multifield.html but that does not work in my case as I am using Coral widgets.

Environment : AEM 6.3.1.2

Any inputs from the community members would be appreciated.

Replies

Avatar

Avatar
Level 1
sumits98596204
Level 1

Likes

0 likes

Total Posts

6 posts

Correct Reply

0 solutions
View profile

Avatar
Level 1
sumits98596204
Level 1

Likes

0 likes

Total Posts

6 posts

Correct Reply

0 solutions
View profile
sumits98596204
Level 1

29-01-2019

Hi ,

I am also getting the same button in AEM6.4.0 while using the fileupload field.

1679512_pastedImage_0.png

Please let us know if anyone know the reason.

Thank you

Avatar

Avatar
Boost 1
Level 1
kalyan1556903
Level 1

Like

1 like

Total Posts

5 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
View profile

Avatar
Boost 1
Level 1
kalyan1556903
Level 1

Like

1 like

Total Posts

5 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
View profile
kalyan1556903
Level 1

01-02-2019

Hi pravinb2619228,

I am also facing the same issue in AEM6.4 while using the fileupload field , please let us know how to fix this.

Thank you

Avatar

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,408 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,408 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile
smacdonald2008
Level 10

01-02-2019

For this type of issue - please contact cust care - you may need a hotfix!

Avatar

Avatar
Level 1
Derrick-Mathaba
Level 1

Likes

0 likes

Total Posts

2 posts

Correct Reply

0 solutions
View profile

Avatar
Level 1
Derrick-Mathaba
Level 1

Likes

0 likes

Total Posts

2 posts

Correct Reply

0 solutions
View profile
Derrick-Mathaba
Level 1

18-07-2019

do we have a hot fix for this issue yet ?

Avatar

Avatar
Give Back
Level 1
Chris___D
Level 1

Likes

0 likes

Total Posts

1 post

Correct Reply

0 solutions
Top badges earned
Give Back
View profile

Avatar
Give Back
Level 1
Chris___D
Level 1

Likes

0 likes

Total Posts

1 post

Correct Reply

0 solutions
Top badges earned
Give Back
View profile
Chris___D
Level 1

10-11-2020

We are also affected by the same issue, we are hoping to use file upload inside the Coral multi-field.