URL's in DDX bricks aren't clickable?

meerens · 2022-11-25T13:13:15+00:00

There was an error rendering this rich post.

Is there a reason why default HTML syntax for links is not working in DDX bricks? Clicking on hyperlink or hyperlinked images doesn't open anything. I see the link appear when I hover over the element but nothing happens when I click ... I need to right-click to open the image or link in a new tab.

Strange that the standard syntax works in an HTML table but I can' get it to work in a brick?

Find more posts tagged with

Apps

HTML

DDX

Accepted answers

meerens

After whitelisting the domains got this to work.

function navigateToUrl() {

let value = document.getElementById('hyperlink').href;

domo.navigate(value,true);

};

Still no solution for mailto's 😥

JosephMeyers

Mailto links were blocked somewhat recently by the browsers and we have plans to allow for setting the frame rules to allow them in the future. Normal links are restricted by the whitelist for security purposes.

JosephMeyers

It has to do with the frame the apps use. We are blocking certain things for security reasons and mailto has recently been included into one of the things being blocked.

All comments

AnwarBham

are you using the domo javascript function

javascript:domo.navigate('');

meerens

Trying that now but seems to be limited to domains that are whitelisted and doesn't work for mailto.links.

meerens

After whitelisting the domains got this to work.

function navigateToUrl() {

let value = document.getElementById('hyperlink').href;

domo.navigate(value,true);

};

Still no solution for mailto's 😥

JosephMeyers

meerens

@JosephMeyers I have built websites that use mailto links and they are still working fine in Chrome and on iOS. Is this an issue with specific browser settings?

JosephMeyers

It has to do with the frame the apps use. We are blocking certain things for security reasons and mailto has recently been included into one of the things being blocked.

meerens

Thanks for clearing that up @JosephMeyers - makes sense now.

The initial approach for the function was behaving inconsistently and wouldn't always work even with the domain being whitelisted so we came up with a different solution by removing the href from the html element and passing the url in the onclick.

function navigateToUrl(url) {

domo.navigate(url, true);

};

<img class="icons"

onclick="navigateToUrl('add url here');"

src="link to image file">