April 18, 2011

Display image for Hyperlink in Sharepoint list


On a specific site page or page where you have the view

1. Click on the link in the view to follow the hyperlink ( > appears)










2. Click on “Hyperlink options










3.Click OK





4. It changes to the actual URL



5. In the code view, the source code is now

</xsl:when>
                            <xsl:otherwise>
              <a href="{$url}"><xsl:value-of select="$url" /><xsl:value-of select="$desc" /></a>
            </xsl:otherwise>

6.Replace the <a href="{$url}"><xsl:value-of select="$url" /><xsl:value-of select="$desc" /></a>

with

<a href="{$url}"><img alt=" Status" src="../SiteAssets/icons/tickmark.png" /></a>






hyperlink, list, sharepoint 2010, SharePoint Customisation, Sharepoint Designer

2 comments:

maxmorrow on March 27, 2012 at 6:44 PM said...

This saved me so much time. I had just about forgotten about editing list views from SharePoint designer.

Thanks!

Cleverlegs on April 18, 2012 at 1:49 PM said...

Works great, thanks!
However, if I want to have a diffierent image for each hyperlink, how would I achieve this? I was thinking of adding another column of images and supplying that as the src for img, but I don't know exactly how to do that/if it's even possible.

Cleverlegs

Post a Comment

 

© 2011 SharePoint Tutorial - Designed by Mukund | ToS | Privacy Policy | Sitemap

About Us | Contact Us | Write For Us