Notifications Tab in Navigation Menu

[dillonk47polik]

Is there a way to put a notification tab in the navigation menu so each member can be taken directly to their notification tab within their profile? I tried using adding a custom tab by using the url ]http://taylorswiftboards.proboards.com/user/1/notifications, but that won't work because each member has their own unique id.

[Brian]

Hi, dillonk47polik.

Clicking on the notification bubble on the Profile button should automatically take you to your notifications when you have new ones.

If you want a dedicated menu button for it you'll have to edit your layout templates to dynamically generate the user ID in the URL. Namely this line in Themes > Layout Templates > Forum Wrapper.

<a{if $[navigation.menu.active]} class="state-active"{/if} href="$[navigation.menu.href]"{if $[navigation.menu.accesskey]} accesskey="$[navigation.menu.accesskey]"{/if}>

You'd change it to this, substituting the text in green with the name of your notifications menu button.

<a{if $[navigation.menu.active]} class="state-active"{/if} href="{if $[navigation.menu.name] == "Notifications"}/user/$[current_user.id]/notifications{else}$[navigation.menu.href]{/if}"{if $[navigation.menu.accesskey]} accesskey="$[navigation.menu.accesskey]"{/if}>

It won't matter what URL you specify in your menu settings at that point since any buttons matching the name you specify will adopt the URL in the code instead of the one in your settings.

[dillonk47polik]

Brian

My forum wrapper code shows some admin code in that place. Replacing the code would take that out. Should that line of admin code be somewhere else.

<a{if $[navigation.menu.active]} class="state-active"{/if} {if $[navigation.menu.name] == "Admin"}target="_blank"{/if} href="$[navigation.menu.href]"{if $[navigation.menu.accesskey]} accesskey="$[navigation.menu.accesskey]"{/if}>

P.S. The reason I want a notifications menu item in the navigation bar is because I moved the profile menu item out of the navigation bar and next to the logout link, so 'Profile' is no longer tabbed with notifications. I could have asked for a code to put the tabbed notifications back onto 'Profile' but I like the idea of a notification menu item better.

[Brian]

You can incorporate the change I posted alongside your previous change. Mine only affects this part of that line:

href="$[navigation.menu.href]"

If you find the same part in my code you'll notice the only thing that needs changing is the code between the quotation marks in that section.

[dillonk47polik]

May 7, 2015 14:32:26 GMT -8 Brian said:

You can incorporate the change I posted alongside your previous change. Mine only affects this part of that line:

href="$[navigation.menu.href]"

If you find the same part in my code you'll notice the only thing that needs changing is the code between the quotation marks in that section.

Okay I put it in the code, and it works, but it doesn't put the notification number on the notification menu item. 

[Brian]

You didn't ask for that.

Find this line.

$[navigation.menu.name]

Add a new line after it and place this on it. Same rules as before.

{if $[navigation.menu.name] == "Notifications"}($[current_user.new_notifications]){/if}

[dillonk47polik]

Is there any way to make the notification number a bubble like 'profile would have rather than just a number in parenthesis?

[Brian]

You'd have to duplicate the regular notification bubble HTML and change it to show specifically for the Notifications button.

Replace the notification number code I gave you with this.

{if $[navigation.menu.name] == "Notifications" && $[current_user.new_notifications]}
    <div class="tip-holder" onclick="window.location='/user/$[current_user.id]/notifications'; return false;">
        <div class="tip-number">$[current_user.new_notifications]</div>
        <span class="tip"></span>
    </div>
{/if}

[dillonk47polik]

You're awesome Brian! Thank you so much.

Thread Complete/Resolved