Is it possible to add a hyperlink to an image in an HTML table?

Reply
Highlighted
Yellow Belt

Is it possible to add a hyperlink to an image in an HTML table?

Hi there,

I'm trying to build an HTML card that has images with clickable links.

I know that it's possible to add a clickable hyperlink to text in an HTML table, but is it possible to do so with an image as well?

I tried:

 

CONCAT( '<div><a href="CLICKABLE LINK"','"target="_blank">', '<img align="center" src="IMAGE ADDRESS" style="max-width: 500px; max-height: 375px;" >','</a></div>' )

 

essentially replacing where the surface hyperlink text would be in the code with the image. The image still appears in the table but not the hyperlink. 

Do I need to go about this a different way or is it not possible?

 

Thanks!


Accepted Solutions
Highlighted
Major Red Belt

Hi @user015090 

 

It is indeed possible to tie a hyperlink to an image. Here's a simple beast mode which works for me:

CONCAT('<A HREF="http://www.domo.com"><IMG src="', `Profile Picture URL`, '"></A>')

 

Likely you have a syntax error with your beast mode. It looks like you have an extra quote before your target keyword.

 

Try this:

 

CONCAT( '<div><a href="CLICKABLE LINK"',' target="_blank">', '<img align="center" src="IMAGE ADDRESS" style="max-width: 500px; max-height: 375px;" >','</a></div>' )

 

To extrapolate further (assuming you're storing the image address and clickable link in their own columns in your dataset:

 

 

CONCAT( '<div><a href="', `CLICKABLE LINK`, '" target="_blank"><img align="center" src="', `IMAGE ADDRESS`, '" style="max-width: 500px; max-height: 375px;"></a></div>' )

 



**Was this post helpful? Click the heart icon**

**Did this solve your problem? Accept it as a solution!**

View solution in original post


All Replies
Highlighted
Major Red Belt

Hi @user015090 

 

It is indeed possible to tie a hyperlink to an image. Here's a simple beast mode which works for me:

CONCAT('<A HREF="http://www.domo.com"><IMG src="', `Profile Picture URL`, '"></A>')

 

Likely you have a syntax error with your beast mode. It looks like you have an extra quote before your target keyword.

 

Try this:

 

CONCAT( '<div><a href="CLICKABLE LINK"',' target="_blank">', '<img align="center" src="IMAGE ADDRESS" style="max-width: 500px; max-height: 375px;" >','</a></div>' )

 

To extrapolate further (assuming you're storing the image address and clickable link in their own columns in your dataset:

 

 

CONCAT( '<div><a href="', `CLICKABLE LINK`, '" target="_blank"><img align="center" src="', `IMAGE ADDRESS`, '" style="max-width: 500px; max-height: 375px;"></a></div>' )

 



**Was this post helpful? Click the heart icon**

**Did this solve your problem? Accept it as a solution!**

View solution in original post

Highlighted
Yellow Belt

Thank you that worked!

Announcements
Domopalooza 2021 Call for Presenters: We want to hear how Domo is revolutionizing the way you do business!

Click here to submit your story.