How do I force a details link to open in a new tab?

[tim.young]

When adding a link to a table for a details page, is it possible to force the details page to open in a new tab?

[moe]

Yes, open the column settings and set the “Open in New Window” to “Yes”

[tim.young]

Yikes

Thank you.

[moe]

It’s actually relatively new. Even I forget about some features/settings we have in place.

[tim.young]

Oh I totally do. It’s one of those “good problems to have”, so many features and settings that I get lost easy sometimes.

[tim.young]

@moe Can the open link in new window option be added for Link Fields as well?

[moe]

Definitely. Will add to this as well.

[moe]

This has been added.

[Henry]

I’m not seeing it here yet on the Link Page. Am I missing something?

[Chem]

Since this isn’t yet an option for the Links > Connected Page (Link Page) option, I wanted to provide the following solution.

1. Edit the Link Page Column
2. Add a CSS Class (my example will be “link-page.”
3. Find the Component ID of the table
4. Add the following code to the JavaScript of the page.

Javascript code below

TB.render('component_ID', function(data) {
	data.ele.find('.link-page a').attr('target','_blank');
});
$('body').on('keyup',function(){
    setTimeout(function(){
        $('.link-page a').attr('target','_blank');    
    },1000);
});

Please remember to change component_ID to your component ID found in step 3.

[Henry]

Chem,

Your solution works unless the table is the filtered result of a search component (even there, sometimes it works). As a workaround, I am advising users to right-click and choose “open link in new tab.”