Open New Window/Tab via API

[olegbc1 (OlegBC)]

Hello, I’ve customized my instace of discourse to take a user to a specific page when they click on the community logo in the top right. It’s just a customized theme, in the header section:

<script type="text/discourse-plugin" version="0.4">
  api.changeWidgetSetting('home-logo', 'href', 'https://custom-url-here')
</script>

is there any way to make it open the url in the new browser tab?

[jordan-vidrine]

This may help.

Customized header link target attribute being ignored

Oh this is interesting, if you take that code and change it to <script type="text/discourse-plugin" version="0.4"> api.decorateWidget('header-buttons:after', helper => { const showExtraInfo = helper.attrs.minimized; if(!showExtraInfo) { return helper.h('a.blog-link', {href:'https://blog.example.com', target:'_blank'}, 'Visit our blog'); } }); </script> It will open in a new window just fine. So there seems to be a difference in how the clicks are handled when i…

[olegbc1 (OlegBC)]

Thanks for the sugestion! I have checked the thread you linked and added a , target:'_blank' to api.changeWidgetSetting. Unfortunately this causes an error and clicking on the top logo takes you back to discourse homepage -

[jordan-vidrine]

The code below was taken from a reply marked as a solution in a previous topic.

<script type="text/discourse-plugin" version="0.4">
api.decorateWidget('header-buttons:after', helper => { 
const showExtraInfo = helper.attrs.minimized; 
if (!showExtraInfo) { 
return helper.h('a.blog-link', {href:'https://blog.example.com', target:'_blank'}, 'Visit our blog'); } 

});
 </script>

@greg_r

I placed that in the Customize -> CSS/HTML -> </head> section. Running 1.8.0 beta4 (upgrading to beta5 to see if it helps).

did you visit this topic reply?