Is it possible to add multiple image tags in a single table cell?

ravimohan911

ravimohan911 Member

May 2021 in Charting

I want both of these images to show AND be clickable in a single HTML Table cell

<a href="https://www.walshportal.com/walshintegrated/images/logo-white.png" target="_blank" rel="noopener noreferrer"><img height="20px" src=https://www.walshportal.com/walshintegrated/images/logo-white.png></a>

<a href="https://www.walshportal.com/walshintegrated/images/walsh-qa-flat.jpg" target="_blank" rel="noopener noreferrer"><img height="20px" src=https://www.walshportal.com/walshintegrated/images/walsh-qa-flat.jpg></a>

Some cells may have up to 20 images.

Tagged:

0

Answers

MarkSnodgrass Coach

May 2021

Yes. One way to do this is to use create a beast mode and use the CONCAT statement to make it one field:
CONCAT('
<a href="https://www.walshportal.com/walshintegrated/images/logo-white.png" target="_blank" rel="noopener noreferrer"><img height="20px" src=https://www.walshportal.com/walshintegrated/images/logo-white.png></a>
', '
<a href="https://www.walshportal.com/walshintegrated/images/walsh-qa-flat.jpg" target="_blank" rel="noopener noreferrer"><img height="20px" src=https://www.walshportal.com/walshintegrated/images/walsh-qa-flat.jpg></a>
')
The end result will look like this:

**Check out my Domo Tips & Tricks Videos

**Make sure to any users posts that helped you.
**Please mark as accepted the ones who solved your issue.
0
ravimohan911 Member

May 2021

Thanks Mark. That works.
Do I have the option of showing the images directly from the dataset (without beast mode) in the table card? I.e. my dataset would have fully formed html. When I try it (HTML Table), it just shows the html tags. In a mega table it just shows the second image (only) and when clicked on, opens the first image(!)

0
MarkSnodgrass Coach

May 2021

I think you should check your output dataset and verify there isn't additional HTML that is messing things up. I took your HTML in your example and pasted it into a Demo Webform and used the HTML table card and it showed the two images right next to each other in one cell.

**Check out my Domo Tips & Tricks Videos

**Make sure to any users posts that helped you.
**Please mark as accepted the ones who solved your issue.
0
ravimohan911 Member

May 2021

strange, it's the same copy/paste for me and I'm using a webform too

I tried using div tags too
<div><a href="https://www.walshportal.com/walshintegrated/images/logo-white.png" target="_blank" rel="noopener noreferrer"><img height="20px" src=https://www.walshportal.com/walshintegrated/images/logo-white.png></a></div><div><a href="https://www.walshportal.com/walshintegrated/images/walsh-qa-flat.jpg" target="_blank" rel="noopener noreferrer"><img height="20px" src=https://www.walshportal.com/walshintegrated/images/walsh-qa-flat.jpg></a></div>

0
MarkSnodgrass Coach

May 2021

That is strange. It shouldn't make a difference, but for consistency's sake, try adding quotes around your src value in your image tags. I noticed you are using quotes on all your other tag values. It's possible the browser you are using isn't rendering it properly. I'm using Chrome and it rendered the images the way you provided it.

**Check out my Domo Tips & Tricks Videos

**Make sure to any users posts that helped you.
**Please mark as accepted the ones who solved your issue.
0
ravimohan911 Member

May 2021

Something with the card maybe (it's an "HTML Table" card)? Data source is a webform
The "Links Test" column comes from your beast mode below:
CONCAT('
<a href="https://www.walshportal.com/walshintegrated/images/logo-white.png" target="_blank" rel="noopener noreferrer"><img height="20px" src="https://www.walshportal.com/walshintegrated/images/logo-white.png"></a>
','
<a href="https://www.walshportal.com/walshintegrated/images/walsh-qa-flat.jpg" target="_blank" rel="noopener noreferrer"><img height="20px" src="https://www.walshportal.com/walshintegrated/images/walsh-qa-flat.jpg"></a>
')
The "Media" column has the same tags in it (without the CONCAT function)
<a href="https://www.walshportal.com/walshintegrated/images/logo-white.png" target="_blank" rel="noopener noreferrer"><img height="20px" src="https://www.walshportal.com/walshintegrated/images/logo-white.png"></a><a href="https://www.walshportal.com/walshintegrated/images/walsh-qa-flat.jpg" target="_blank" rel="noopener noreferrer"><img height="20px" src="https://www.walshportal.com/walshintegrated/images/walsh-qa-flat.jpg"></a>
...yet the card just displays the HTML string in the "Media" column:

0

Categories