Free Trial

Alteryx Designer Desktop Discussions

Find answers, ask questions, and share expertise about Alteryx Designer Desktop and Intelligence Suite.
SOLVED

Image as Hyperlink using Report Text?

dheerajpoojari
7 - Meteor

Is there an option to hyperlink an image using the Report Text? I have automated an email alert with tables, formatting etc, but am not able to get hyperlinks to images( example: footnote of social media icons and their hyperlink). This has to go out in an email.

15 REPLIES 15
dheerajpoojari
7 - Meteor

@MarqueeCrew,

 

I have to ask nicely since everyone here is helping out in the community out of their busy hours :-)

 

Now I know why I was not able to replicate. The solution you provided works perfect for a PDF output, but it does not function in an email output, or a .html output. Not sure if it is a bug.

 

Are you also facing a similar issue when pushing the overlay to email or HTML? 

 

Regards,

Dheer

MarqueeCrew
20 - Arcturus
20 - Arcturus

@dheerajpoojari,

 

I haven't ever tried this before attempting to solve your post.  I agree that the html output doesn't create the hyperlink, or so I thought until I reviewed the HTML...

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Final//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	</head>
	<body>
		<div style="position: relative; top: 0px; left: 0px; width: 75.60pt; font-family: arial, sans-serif; font-size: 12.00pt; font-style: normal; font-weight: normal; color: black; ">
			<div style="width: 100%; font-family: Arial; font-size: 14.00pt; color: white; "><a href="https://community.alteryx.com//" style="font-size: 12.00pt; ">Community</a></div>
			<div style="position: absolute; top: 0px; left: 0px; width: 100%;">
				<table cellspacing="0px" cellpadding="0px" style="width: 100%;">
					<tr>
						<td style="width: 33%;">
						</td>
						<td style="text-align: center; width: 33%;vertical-align: middle; height: 16pt;"><img src="Engine_29256_bd98cb8e14ff431397b0520f115364ca__files/48d5ac17dd8f11bbc256ab4a058c7781.jpg" width="100">						</img></td>
						<td style="width: 33%;">
						</td>
					</tr>
				</table>
			</div>
		</div>
	</body>
</html>

It looks like it is there, but no hyperlink is clickable in chrome or IE.

 

I wonder if you have "GOOD" HTML, if you can use Alteryx to copy that output and to make replacements within it for your current execution to the text.  Then the images and links would be preserved from a working HTML file.

 

Cheers,
Mark

Alteryx ACE & Top Community Contributor

Chaos reigns within. Repent, reflect and restart. Order shall return.
Please Subscribe to my youTube channel.
dheerajpoojari
7 - Meteor

@MarqueeCrew,

 

Thanks for the direction.

 

I did some more scraping and found the <htmlpassthrough> tag. Using this tag, I was able to pass the HTML script and generate a .html file with clickable links. *HAPPY DANCE*.

 

Now that this is complete, I can finally write a post on a workflow that I was working on since long.

 

BTW, attached is the workflow which renders 4 social icons with images.

 

Regards,

Dheer

 

Transforming data, one bit at a time.

MarqueeCrew
20 - Arcturus
20 - Arcturus

Very nice @dheerajpoojari :)

Alteryx ACE & Top Community Contributor

Chaos reigns within. Repent, reflect and restart. Order shall return.
Please Subscribe to my youTube channel.
JSchiele
7 - Meteor

This was super helpful! Thanks for sharing! @dheerajpoojari

dumbio
5 - Atom

Hello, 

 

Thanks for helping me get started @dheerapoojariand @MarqueeCrew! I'm working on something similar, but have been unable to get your solution to work. When I attempt to use the HTML passthrough (and send the results as an email), the email continues to show up as blank. Any idea why that may be?

 

Thanks!

 

Dumbi Ogbechie

Labels
Top Solution Authors