Q:

AEM Page Image in Page Properties Doesn't Apply a sling:resourceType

Using Adobe Experience Manager 5.6.1 (AEM) (Formerly CQ5) I am trying to create a new tab similar to the Image tab in Page Properties.  It would be titled "Logo". 
I basically just copied the Image tab to create a logo tab and renamed the paths to reflect the logo purpose. For instance, I set the fileReferenceParamater to ./logo/fileReference and requestSuffix to /logo.img.png.
When I edit the properties, I can drag an image into the tab just as I can with the "Image" tab, however, the image never appears there.  I am guessing this is because the default image handler is not picking up the request.  The error is:

Cannot serve request to
  /content/my-site/home-page/en_us/jcr:content/logo.img.png in
  org.apache.sling.servlets.get.DefaultGetServlet

When I looked at the content node there was no sling:resourceType.  When I added a resource type of foundation/components/adaptiveimage then it worked.  However, I noticed that the "Image" node didn't have a sling:resourceType.  I guess the img.png.java servlet in the foundation page is handling that request. 
I tried creating a logo.img.png.jsp file in my page component to handle the request, but that didn't seem to work.
How can I get AEM to either add the sling:resourceType or to handle the request?

A:

I was facing the similar problem and I found a simpler way to resolve. All you need to do is to add a hidden xtype under the your logo image as below:
<yourlogo
    jcr:primaryType="cq:Widget"
    <-- other properties -->
    xtype="html5smartimage">

    <items jcr:primaryType="cq:WidgetCollection">
        <resType
            jcr:primaryType="cq:Widget"
            ignoreData="{Boolean}true"
            name="./logo/sling:resourceType"
            value="foundation/components/image"
            xtype="hidden"/>
    </items>

</yourlogo>

