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!
Best Answer
-
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 Agree or Like below**
**Did this solve your problem? Accept it as a solution!**1
Answers
-
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 Agree or Like below**
**Did this solve your problem? Accept it as a solution!**1 -
Thank you that worked!
0
Categories
- All Categories
- Product Ideas
- 2.1K Ideas Exchange
- Connect
- 1.3K Connectors
- 309 Workbench
- 7 Cloud Amplifier
- 10 Federated
- Transform
- 663 Datasets
- 119 SQL DataFlows
- 2.3K Magic ETL
- 823 Beast Mode
- Visualize
- 2.6K Charting
- 86 App Studio
- 46 Variables
- Automate
- 193 Apps
- 483 APIs & Domo Developer
- 87 Workflows
- 23 Code Engine
- AI and Machine Learning
- 23 AI Chat
- 4 AI Projects and Models
- 18 Jupyter Workspaces
- Distribute
- 117 Domo Everywhere
- 283 Scheduled Reports
- 11 Software Integrations
- Manage
- 143 Governance & Security
- 11 Domo Community Gallery
- 49 Product Releases
- 13 Domo University
- Community Forums
- 41 Getting Started
- 31 Community Member Introductions
- 116 Community Announcements
- 5K Archive