html5smartimage widget not working in AEM 6.3? | Community

venkat_sai_rajb

New Member

Solved

html5smartimage widget not working in AEM 6.3?

Forum|Forum|8 years ago
July 17, 2017
3 replies
1723 views

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by smacdonald2008

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

smacdonald2008Accepted solution

Level 10

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

Community Manager

Community Manager

Can you please tell us steps to reproduce this issue?

and are you getting any errors?

~kautuk

Kautuk Sahni

venkat_sai_rajbAuthor

New Member

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>