Open custom nav bar link in new tab

[Former Member]

Morning guys

Can someone please remind me how to make a custom nav bar link to open in a new tab rather than in the current tab?

I have tried the below, but it doesnt work and just reloads the current tab.


<a href="LINK HERE" target="_blank">

Thanks
Dave

[Craig]

Hi Dave. Hope you are well

That should be it, so don't know why it is not working for you. Are we able to see where you have put it?

[Retread]

Jun 12, 2018 23:15:35 GMT -8 Dave B said:

Morning guys

Can someone please remind me how to make a custom nav bar link to open in a new tab rather than in the current tab?

I have tried the below, but it doesnt work and just reloads the current tab.


<a href="LINK HERE" target="_blank">

Thanks
Dave

Hello Dave B

I think I understand what's going wrong but I don't know how to get around it.
Are you doing this through Admin Home> Settings> Forum Settings> Navigation> ?

If so, you have a field for Name and another for URL
The link is being created by surrounding those with the necessary syntax.
For instance NAME and /URL would result in:

<a href="/URL"> NAME </a>

(all the parts in red are automatically applied)

If you attempt to put something like <a href="/URL" target="_blank"> in the field for URL the result wouldn't make sense so it gets replaced with a null. And the output looks like this:
<a href=""> NAME </a>


The closest you could get would be to use this in the URL field.

/URL" target="_blank

Unfortunately each quotation mark " in the URL field gets replaced with with something that will be displayed as a quotation mark on the output page or if used in BBCode but won't function in html. And I don't know how to get around that substitution.

[Scott]

Dave B ,
See if this works for you:

Go to the CSS for your theme and add this at the end:

a.navmenuplus {
   display: inline-block;
   padding: 0 .75em;
   color: #ffffff;
   font: 1em "Trebuchet MS",Verdana,Arial;
   text-decoration: none;
   text-shadow: none;
   line-height: 31px !important;
   }

Then go to the forum wrapper layout template for the same theme. Look for this block of code:
{foreach $[navigation.menu]}
<li>
<a{if $[navigation.menu.active]} class="state-active"{/if} href="$[navigation.menu.href]"{if $[navigation.menu.accesskey]} accesskey="$[navigation.menu.accesskey]"{/if}>
$[navigation.menu.name]
{if $[navigation.menu.notification.total]}
<div class="tip-holder" onclick="window.location='$[navigation.menu.notification.href]'; return false;">
<div class="tip-number">$[navigation.menu.notification.total]</div>
<span class="tip"></span>
</div>
{/if}
</a>
</li>
{/foreach}

On a new line right after the {/foreach} of the above code, add this:
<a class="navmenuplus" href="YOUR URL" target="_blank">MENU ITEM NAME</a>
Change the YOUR URL and MENU ITEM NAME respectively to the desired link and nav menu name.

Since I don't know the forum and theme you are using I was unable to tailor the CSS accordingly to match. You'd need to make that adjustment yourself.

Possible there's another solution out there, but tested this and it works on my forum.

[Former Member]

Evening all

Apologies for the lack of details and sorry was at work all day

Thanks for the responses Craig, Retread and im good thanks.

Cheers Scott that does exactly what i need it to.

Maybe an idea for the Navigation Menu is a setting to choose whether links open in a new tab or not

Thanks

Dave

[Scott]

Excellent Dave B, glad the solution worked for you.

I like your suggestion about the nav settings and so labeled this a Feature Request.

Cheers!

[Former Member]

Jun 13, 2018 12:21:23 GMT -8 Scott said:

Excellent Dave B , glad the solution worked for you.

I like your suggestion about the nav settings and so labeled this a Feature Request.

Cheers!

   Thanks Scott

   Seems a lot of work for something that could be so simple

   Dave

[Lynx]

Dave B,

An easy workaround would be the Navbar Links plugin - it has an option of whether to open in the same tab or a new tab in the Target option in the UI. Note that all links added in the plugin get appended to your normal navbar (from Admin > Settings > Forum Settings > Navigation).

If you want to try the plugin, the support thread is HERE if you've got any questions.