html5smartimage widget not working in AEM 6.3?

[venkat_sai_rajb]

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.

[smacdonald2008 · Accepted solution]

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

[kautuk_sahni]

Can you please tell us steps to reproduce this issue?

and are you getting any errors?

~kautuk

[venkat_sai_rajb]

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>