A site I frequent has a customization on the user card that includes a link to an external site specific to each user (a user profile basically). However, clicking this link opens the page in the current tab, despite me having the “Open all external links in a new tab” setting enabled. Is there a way for the admin to reference a user’s “Open all external links in a new tab” setting so that this is honored?

Ah right, I overlooked the “user” part :sweat_smile: sorry It’s not much different to use the user setting, you’d just have to change the first two constants to reference the user: // set up the user and target variable: const user = api.getCurrentUser() const target = user?.user_option?.external_links_in_new_tab ? "_blank" : "" and then everything else would be the same. If this were to work more like core, we’d check if the user exists, and if they don’t, fall back to the site setting: // set up the user, siteSettings, and target variable: const user = api.getCurrentUser() const siteSettings = api.container.lookup('site-settings:main'); let target = siteSettings.default_other_external_links_in_new_tab ? "_blank" : ""; if (user) { // if the user exists, set the target based on the user option target = user.user_option?.external_links_in_new_tab ? "_blank" : "" } // modify the if statement where the link is created to use the target variable: if (userFields && userFields[userFieldId]) { const url = "http://myawesomewebsite.com/user/" + userFields[userFieldId]; const link = ` ${url} `; return Ember.Object.create({ link, name: externalUserIdField.get('name') }); } else { return null; }

Do you know which theme/component it is? I think that would be the place to bring it up, maybe it can be updated to take the site setting into account. :slight_smile:

I assumed It was just custom built, but I can check with the admin.

It sounds like the admin has a custom user field for the user’s external profile link and then built a custom theme. They followed the instructions from (Retired) Use an ID in a custom user field to link to a user's external profile. Should I just ask there how to utilize the user setting about opening in a new tab?

[image] seanblue: Should I just ask there how to utilize the user setting about opening in a new tab? I think it depends on if you want it to use the setting; the customization does not take it into account, though it looks like it adds the target appropriately: [image](Retired) Use an ID in a custom user field to link to a user's external profile const link = " "+url+" "; Including target='_blank' will open in a new tab/window regardless of the site setting, since they don’t interact. On the site where the links are not opening in new tabs, when you check the source do the links contain that target value?

If they wanted to check the site setting, they could do something like this within that existing customization // set up the siteSettings and target variable: const siteSettings = api.container.lookup('site-settings:main'); const target = siteSettings.default_other_external_links_in_new_tab ? "_blank" : "" // modify the if statement where the link is created to use the target variable: if (userFields && userFields[userFieldId]) { const url = "http://myawesomewebsite.com/user/" + userFields[userFieldId]; const link = ` ${url} `; return Ember.Object.create({ link, name: externalUserIdField.get('name') }); } else { return null; }

[image] Kris: If they wanted to check the site setting Is there a way to check the user setting though? My understanding is that the site setting is just the default for new users, but ideally this link would honor changes users have made to their own settings. One user might want it to open in the same tab while another user might want it to open in a new tab.

How to leverage the "Open all external links in a new tab" setting in site customizations

Development

seanblue March 16, 2023, 12:54am 9

Worked perfectly, thanks!

Topic		Replies	Views
How to open hyperlinks in a new tab Product Support	4	5799	June 12, 2017
External links are not opening in new tab Product Support	10	2252	April 5, 2017
External Links not opening in new tab Product Support	32	4026	April 29, 2019
Issue opening external links in new tab Product Support	3	618	April 4, 2022
Links don't open in a new tab Product Support	6	1403	October 12, 2017

How to leverage the "Open all external links in a new tab" setting in site customizations

Related topics