Issues with Image component showing preview thumbnail twice in touch ui

Avatar

Avatar

Teja_G

Avatar

Teja_G

Teja_G

22-06-2016

Issues

1. In image component after uploading/drag n drop the image, it is showing preview of the image as twice.

2. In other scenario we have custom multi field for text xtype there how many fields we added that many drag n drop asset here or preview of the image showing.

Thanks in advance

Replies

Avatar

Avatar

kautuk_sahni

Community Manager

Total Posts

5.7K

Likes

1.0K

Correct Reply

1.1K

Avatar

kautuk_sahni

Community Manager

Total Posts

5.7K

Likes

1.0K

Correct Reply

1.1K
kautuk_sahni
Community Manager

22-06-2016

Hi 

Are you getting this issue on your custom Image component or OOB ?

Please try this community article:- http://experience-aem.blogspot.in/2015/08/aem-61-touch-ui-fill-dialog-fields-with-default-values-on-...

Demo:- https://drive.google.com/file/d/0B4d6KmbLkAumWnUzVWNRcVpBT0U/view?pref=2&pli=1

Package:- https://drive.google.com/file/d/0B4d6KmbLkAumeFRNblpORExZUjQ/view?usp=sharing

 

If you want to achieve 2 drag and drop on the dialog box, Go to :=-/apps/touchui-dialog-field-fill-default/sample-image-component/cq:dialog/content/items/paintings/items/column/items/fieldset/items/column/items  and copy paste painting node. now you would get 2 drag drop option.

 

And if its the problem of getting two images preview on content finder or side rail, please share the browser log, AEM error.log and the package, so that we can try to reproduce it at out end.

Thanks and Regards

Kautuk Sahni

Avatar

Avatar

kautuk_sahni

Community Manager

Total Posts

5.7K

Likes

1.0K

Correct Reply

1.1K

Avatar

kautuk_sahni

Community Manager

Total Posts

5.7K

Likes

1.0K

Correct Reply

1.1K
kautuk_sahni
Community Manager

22-06-2016

Tej G wrote...

As per functionality it should show only one preview, previously its working fine.

Till when it was working fine? Try to find out the breaking code? have you made some changes in the code? 

Because at my end its working perfectly fine.

Thanks and Regards

Kautuk Sahni

Avatar

Avatar

Teja_G

Avatar

Teja_G

Teja_G

23-06-2016

Thanks Kautuk Sahni

Tried, but its not working.. 

In our component we have two tabs In the first tab we have only one image field, in the second tab a textfield & a pathfield as multified.. 

Please find below code..

Tab1 :

<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"

    jcr:primaryType="cq:Widget"
    sling:resourceType="granite/ui/components/foundation/form/fileupload"
    ddGroups="[media]"
    fieldLabel="Training Image"
    fileNameParameter="./imgfilename"
    fileReferenceParameter="./imgfilereference"
    name="./imgfile"
    sizeLimit="100"
    title="Image"/>

Tab2: 

<LabelLink

                                jcr:primaryType="nt:unstructured"
                                sling:resourceType="granite/ui/components/foundation/form/multifield"
                                baseNode="sitenav_"
                                eaem-nested=""
                                fieldLabel="Label &amp; Link">
                                <field
                                    jcr:primaryType="nt:unstructured"
                                    sling:resourceType="granite/ui/components/foundation/form/fieldset"
                                    fieldDescription="Click on the + button to add Fields"
                                    fieldLabel="Label &amp; Link"
                                    name="./labelLink">
                                    <layout
                                        jcr:primaryType="nt:unstructured"
                                        sling:resouceType="granite/ui/components/foundation/layouts/fixedcolumns"
                                        method="absolute"/>
                                    <items jcr:primaryType="nt:unstructured">
                                        <column
                                            jcr:primaryType="nt:unstructured"
                                            sling:resourceType="granite/ui/components/foundation/container">
                                            <items jcr:primaryType="nt:unstructured">
                                                <label/>
                                                <link/>
                                            </items>
                                        </column>
                                    </items>
                                </field>
                            </LabelLink>

Avatar

Avatar

Teja_G

Avatar

Teja_G

Teja_G

27-06-2016

Hi Kautuk Sahni,

First one working fine until we tried second one..

Created new instance i tried again same issue we are facing..