Show clickable icon in list instead of URL

Question

_{Wednesday, January 7, 2015 5:18 PM}

Hi there,

I have a SharePoint Online list containing a hyperlink field. When users view the list, they see the full text URL for the hyperlink. I'd like to replace that hyperlink with a small icon, so that users do not see the URL, but can click on the icon to navigate to the URL. Is there anyway to do this? 

Thanks in advance,

cflbasser

All replies (5)

_{Wednesday, January 7, 2015 5:31 PM ✅Answered | 2 votes}

Hello,

maybe this link can help you http://sharepointhannah.wordpress.com/2014/06/11/adding-an-image-link-via-calculated-column-on-a-list-with-html-directory-list-solution/

Best regards, Christopher.
Blog | Mail
Please remember to click "Mark As Answer" if a post solves your problem or "Vote As Helpful" if it was useful.
Why mark as answer?

_{Wednesday, January 7, 2015 5:39 PM}

Hi,

Refer this link - https://spimagehyperlink.codeplex.com/

Thanks, Shakir | Please 'propose as answer' if it helped you, also 'vote helpful' if you like this reply.

_{Wednesday, January 7, 2015 5:43 PM}

In your List's Hyperlink field - make sure that when it was created, you set the option to display it as a picture and not a hyperlink.

Νικοσ Γιαννιοσ

_{Wednesday, January 7, 2015 7:02 PM}

Using a calculated field as described in the link you provided worked perfectly. 

Much appreciated.

Thanks,

cflbasser

_{Wednesday, January 7, 2015 7:29 PM}

This easily can be done by using Calculated Column or using Javascript  .

Following links can help you.

Javascript:

http://www.threewill.com/sharepoint-hyperlink-column/  

They have used Javascript for changing hyperlink display.You can use same javascript to have small icon in place of hyperlink.

Calculated Column:

http://blogs.technet.com/b/jay/archive/2013/06/17/how-to-display-images-in-a-calculated-column-of-a-sharepoint-list.aspx

http://sharepointhannah.wordpress.com/2014/06/11/adding-an-image-link-via-calculated-column-on-a-list-with-html-directory-list-solution/