Hi @Anonymous ,
There are two ways to achieve it.
1. Using HTML anchor tag target attribute
2. Using Javascript to open it in new tab
Method 1: Using HTML Anchor tag
In Design studio:
1. Edit the page > Text field > Click Edit Code
2. In the VSCODE > Add the following HTML code to open your external URL in the new tab
<h1 style="color: var(--portalThemeColor4);"><a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">​<b aria-label="Text Click here to open hyperlink in new tab Press enter to edit" style="position: relative;">Click here to open hyperlink in new tab</b></a></h1>
Note: The above code target =_blank and rel is important to avoid phishing attacks and open in the new tab.
Hit save and Sync > preview the website
Method 2: Assuming you are using forms
In Portal management
1 .Under Content > Basic Forms > Additional Settings > Custom Javascript
2. Add the following jquery and hit save and close
3.
$(document).on('click', 'a', function(e){
e.preventDefault();
var url = $(this).attr('href');
window.open(https://www.google.com/, '_blank');
});
Have fun.
Hope it helps.
------------
If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.
