Problem in Image Display using Content Query Web Part -- SharePoint 2007

Question

I have a SharePoint list with one of the column as image column.  I want to display the content with image on a different site.  I am using Content Query Web part.  I am using the Item style as Image on Left but image is not displayed on the page.  I am using SharePoint MOSS 2007.

Answer 1

Hi Srikanth,

According to your description, I’ve tested the scenario you mentioned. The Image On Left Item Style cannot display the image on the page by the Content Query Web Part. So you have to customize the Content Query Styles to accomplish your requirements. Please follow these steps:

1. Find the ItemStyle.xsl in Style Library/XSL style Sheets directory, edit it in the SharePoint designer.
2. Add a new xsl template like this:

  

   <xsl:template name="MyCustomStyle" match="Row[@Style='MyCustomStyle']" mode="itemstyle">
        <xsl:for-each select="@*">
            <xsl:value-of select="@YourImageField" />
        </xsl:for-each>
    </xsl:template>

Please add proper html text to present the Image

1. Edit the Content Query Web Part, change the Item Style to the custom style you created.

Please refer to these article to get more information:

http://edwin.vriethoff.net/2007/09/17/create-a-multi-column-layout-with-the-content-query-tool-web-part/

http://blogs.msdn.com/b/ecm/archive/2006/11/16/building-tylerbutler-com-part-3-customizing-content-query-styles.aspx

http://blogs.msdn.com/b/ecm/archive/2006/10/25/configuring-and-customizing-the-content-query-web-part.aspx

Thanks,

---

Lambda Zhao

TechNet Community Support

Answer 2

Thanks Lambda for your help.  I added ImgeUrl field to web part also to make it work.