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

ravimohan911

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.

MarkSnodgrass

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:

ravimohan911

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(!)

MarkSnodgrass

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.

ravimohan911

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>

MarkSnodgrass

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.

ravimohan911

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: