Expand my Community achievements bar.

Learn about Edge Delivery Services in upcoming GEM session

Issues with Image component showing preview thumbnail twice in touch ui

Avatar

Level 4

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

4 Replies

Avatar

Administrator

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



Kautuk Sahni

Avatar

Administrator

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



Kautuk Sahni

Avatar

Level 4

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

Level 4

Hi Kautuk Sahni,

First one working fine until we tried second one..

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