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
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

html5smartimage widget not working in AEM 6.3?

Avatar

Level 1

I have seen that it is working as expected OOTB components. When I am trying to replicate the same it is not working as expected in custom component.

Thanks In advance.

1 Accepted Solution

Avatar

Correct answer by
Level 10

If you are working with images in AEM 6.3 - try working with Core Image component.

View solution in original post

0 Replies

Avatar

Correct answer by
Level 10

If you are working with images in AEM 6.3 - try working with Core Image component.

Avatar

Administrator

Can you please tell us steps to reproduce this issue?

and are you getting any errors?

~kautuk

Avatar

Level 1

This is my dailog

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
   jcr:primaryType="cq:Dialog"
   activeTab="0"
   allowBlank="{Boolean}false"
   fileName="dialog.xml"
   hideLabel="{Boolean}false"
   title="Image List"
   xtype="dialog">

   <items jcr:primaryType="cq:WidgetCollection">

   <tabs jcr:primaryType="cq:TabPanel">

   <items jcr:primaryType="cq:WidgetCollection">

   <Box1
   jcr:primaryType="cq:Widget"
   title="Box 1">

   <items jcr:primaryType="cq:WidgetCollection">

   <image1
   jcr:primaryType="cq:Widget"
   allowBlank="{Boolean}true"
   allowUpload="{Boolean}false"
   ddGroups="[media]"
   disableFlush="{Boolean}false"
   disableInfo="{Boolean}false"
   disableZoom="{Boolean}true"
   fieldDescription="Recommended dimensions 184 X 146"
   fieldLabel="Image"
   fileNameParameter="./image1/fileName"
   fileReferenceParameter="./image1/fileReference"
   height="400"
   hideLabel="{Boolean}false"
   label="Image"
   name="./image1/"
   requestSuffix=".img.image1.png"
   tab="{Boolean}false"
   uploadUrl="/tmp/upload/*"
   xtype="html5smartimage"/>

   </items>

   </Box1>

   <Box2
   jcr:primaryType="cq:Widget"
   title="Box 2">

   <items jcr:primaryType="cq:WidgetCollection">

   <image2
   jcr:primaryType="cq:Widget"
   allowBlank="{Boolean}true"
   allowUpload="{Boolean}false"
   ddGroups="[media]"
   disableFlush="{Boolean}false"
   disableInfo="{Boolean}false"
   disableZoom="{Boolean}true"
   fieldDescription="Recommended dimensions 184 X 146"
   fieldLabel="Image"
   fileNameParameter="./image2/fileName"
   fileReferenceParameter="./image2/fileReference"
   height="400"
   hideLabel="{Boolean}false"
   label="Image"
   name="./image2/"
   requestSuffix=".img.image2.png"
   tab="{Boolean}false"
   uploadUrl="/tmp/upload/*"
   xtype="html5smartimage"/>

   </items>

   </Box2>

   <Box3
   jcr:primaryType="cq:Widget"
   title="Box 3">

   <items jcr:primaryType="cq:WidgetCollection">

   <image3
   jcr:primaryType="cq:Widget"
   allowBlank="{Boolean}true"
   allowUpload="{Boolean}false"
   ddGroups="[media]"
   disableFlush="{Boolean}false"
   disableInfo="{Boolean}false"
   disableZoom="{Boolean}true"
   fieldDescription="Recommended dimensions 184 X 146"
   fieldLabel="Image"
   fileNameParameter="./image3/fileName"
   fileReferenceParameter="./image3/fileReference"
   height="400"
   hideLabel="{Boolean}false"
   label="Image"
   name="./image3/"
   requestSuffix=".img.image3.png"
   tab="{Boolean}false"
   uploadUrl="/tmp/upload/*"
   xtype="html5smartimage"/>

   </items>

   </Box3>

   <Box4
   jcr:primaryType="cq:Widget"
   title="Box 4">

   <items jcr:primaryType="cq:WidgetCollection">

   <image4
   jcr:primaryType="cq:Widget"
   allowBlank="{Boolean}true"
   allowUpload="{Boolean}false"
   ddGroups="[media]"
   disableFlush="{Boolean}false"
   disableInfo="{Boolean}false"
   disableZoom="{Boolean}true"
   fieldDescription="Recommended dimensions 184 X 146"
   fieldLabel="Image"
   fileNameParameter="./image4/fileName"
   fileReferenceParameter="./image4/fileReference"
   height="400"
   hideLabel="{Boolean}false"
   label="Image"
   name="./image4/"
   requestSuffix=".img.image4.png"
   tab="{Boolean}false"
   uploadUrl="/tmp/upload/*"
   xtype="html5smartimage"/>

   </items>

   </Box4>

   </items>

   </tabs>

   </items>

</jcr:root>