Nodes As Tabs

Nodes As Tabs 1.5.1

No permission to download
Overview Updates (12) Reviews (109) History Discussion
Jake Bunce said:
Admin CP -> Appearance -> Templates -> EXTRA.css

Rich (BB code): 
.navTabs .navTab.nodetab1
{
    background-image: url('http://www.yoursite.com/image.gif');
}

Specify the node_id and image URL.
Click to expand...
I didn't get it?
t9LZZN3.png
2IX8YuB.png
 
Chad said:
Hi @Jake Bunce

I created New Posts category tab and enabled unread count option + display as tab. Set to root node. But, the number of unread tab alert never shows up despite numerous new posts.

http://www.talkjesus.com/

I'm using a custom style from Audentio @Mike Creuzer

Any ideas?
Click to expand...

Try reverting the navigation template in your custom style. That template contains code to enable counter bubbles which might be missing from your custom style.
 
Hi @Jake Bunce

That didn't solve it.

This is the template

Code: 
<xen:edithint template="navigation.css" />

<div id="navigation" class="<xen:if is="{$canSearch} && ( @uix_searchPosition == 0 || ( @uix_searchPosition == 1 && ( @uix_navStyle == 2 || (@uix_navStyle == 3 && @uix_pageStyle != 1) ) ) || @uix_searchPosition == 2)">withSearch</xen:if> {xen:if @uix_stickyNavigation, 'stickyTop'}">
   <div class="uix_navigationWrapper">
   <xen:if is="@uix_pageStyle!=1">
   <div class="pageWidth">
   </xen:if>
     <div class="pageContent">
       <nav>
         <div class="navTabs">
           <xen:if is="@uix_pageStyle==1">
           <div class="pageWidth">
           </xen:if>
             
             <ul class="publicTabs left">

             <xen:if is="( @uix_navigationStickyLogo && @uix_stickyNavigation ) || @uix_navStyle == 2">
             <li id="logo_small">
               <a href="{$logoLink}">
               <xen:if is="@uix_smallLogoPath">
                 <img src="@uix_smallLogoPath">
               <xen:elseif is="@uix_logoText"/>
                 <h2 class="uix_textLogo"><xen:if is="@uix_logoTextIcon"><i class="uix_icon @uix_logoTextIcon"></i></xen:if><xen:if is="@uix_logoText">@uix_logoText</xen:if></h2>
               <xen:else/>
                 <img src="@headerLogoPath" alt="{$xenOptions.boardTitle}" />
               </xen:if>
               </a>
             </li>
             </xen:if>
             
             <!-- home -->
             <xen:if is="{$showHomeLink}">
               <li class="navTab home PopupClosed"><a href="{$homeLink}" class="navLink">{xen:phrase home}</a></li>
             </xen:if>
               
               
               <!-- extra tabs: home -->
               <xen:if is="{$extraTabs.home}">
               <xen:foreach loop="$extraTabs.home" key="$extraTabId" value="$extraTab">
                 <xen:if is="{$extraTab.linksTemplate}">
                   <li class="navTab {$extraTabId} <xen:if is="@uix_removeTabLinks">{xen:if $extraTab.selected, 'selected'} Popup PopupControl PopupClosed<xen:else />{xen:if $extraTab.selected, 'selected', 'Popup PopupControl PopupClosed'}</xen:if>">
                 
                   <a href="{$extraTab.href}" class="navLink{xen:if '!@uix_alwaysShowNavDropdownArrow', ' NoPopupGadget'}"{xen:if '!@uix_alwaysShowNavDropdownArrow', ' rel="Menu"'}>{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a>
                   <a href="{$extraTab.href}" class="SplitCtrl" rel="Menu"></a>
                   
                   <div class="<xen:if is="@uix_removeTabLinks">Menu JsOnly tabMenu<xen:else />{xen:if {$extraTab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'}</xen:if> {$extraTabId}TabLinks">
                     <div class="primaryContent menuHeader">
                       <h3>{$extraTab.title}</h3>
                       <div class="muted">{xen:phrase quick_links}</div>
                     </div>
                     {xen:raw $extraTab.linksTemplate}
                   </div>
                 </li>
                 <xen:else />
                   <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'PopupClosed'}">
                     <a href="{$extraTab.href}" class="navLink{xen:if '!@uix_alwaysShowNavDropdownArrow', ' NoPopupGadget'}"{xen:if '!@uix_alwaysShowNavDropdownArrow', ' rel="Menu"'}>{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a>
                     <xen:if is="!@uix_removeTabLinks"><xen:if is="{$extraTab.selected}"><div class="tabLinks"></div></xen:if></xen:if>
                   </li>
                 </xen:if>
               </xen:foreach>
               </xen:if>
               
               
               <!-- forums -->
               <xen:if is="{$tabs.forums}">
                 <li class="navTab forums <xen:if is="@uix_removeTabLinks">{xen:if $tabs.forums.selected, 'selected'} Popup PopupControl PopupClosed<xen:else />{xen:if $tabs.forums.selected, 'selected', 'Popup PopupControl PopupClosed'}</xen:if>">
                 
                   <a href="{$tabs.forums.href}" class="navLink{xen:if '!@uix_alwaysShowNavDropdownArrow', ' NoPopupGadget'}"{xen:if '!@uix_alwaysShowNavDropdownArrow', ' rel="Menu"'}>{$tabs.forums.title}</a>
                   <a href="{$tabs.forums.href}" class="SplitCtrl" rel="Menu"></a>
                   
                   <div class="<xen:if is="@uix_removeTabLinks">Menu JsOnly tabMenu<xen:else />{xen:if {$tabs.forums.selected}, 'tabLinks', 'Menu JsOnly tabMenu'}</xen:if> forumsTabLinks">
                     <div class="primaryContent menuHeader">
                       <h3>{$tabs.forums.title}</h3>
                       <div class="muted">{xen:phrase quick_links}</div>
                     </div>
                     <ul class="secondaryContent blockLinksList">
                     <xen:hook name="navigation_tabs_forums">
                       <xen:if is="{$visitor.user_id}"><li><a href="{xen:link 'forums/-/mark-read', $forum, 'date={$serverTime}'}" class="OverlayTrigger">{xen:phrase mark_forums_read}</a></li></xen:if>
                       <xen:if is="{$canSearch}"><li><a href="{xen:link search, '', 'type=post'}">{xen:phrase search_forums}</a></li></xen:if>
                       <xen:if is="{$visitor.user_id}">
                         <li><a href="{xen:link 'watched/forums'}">{xen:phrase watched_forums}</a></li>
                         <li><a href="{xen:link 'watched/threads'}">{xen:phrase watched_threads}</a></li>
                       </xen:if>
                       <li><a href="{xen:link 'find-new/posts'}" rel="nofollow">{xen:if $visitor.user_id, {xen:phrase new_posts}, {xen:phrase recent_posts}}</a></li>
                     </xen:hook>
                     </ul>
                   </div>
                 </li>
               </xen:if>
               
               
               <!-- extra tabs: middle -->
               <xen:if is="{$extraTabs.middle}">
               <xen:foreach loop="$extraTabs.middle" key="$extraTabId" value="$extraTab">
                 <xen:if is="{$extraTab.linksTemplate}">
                   <li class="navTab {$extraTabId} <xen:if is="@uix_removeTabLinks">{xen:if $extraTab.selected, 'selected'} Popup PopupControl PopupClosed<xen:else />{xen:if $extraTab.selected, 'selected', 'Popup PopupControl PopupClosed'}</xen:if>">
                 
                   <a href="{$extraTab.href}" class="navLink{xen:if '!@uix_alwaysShowNavDropdownArrow', ' NoPopupGadget'}"{xen:if '!@uix_alwaysShowNavDropdownArrow', ' rel="Menu"'}>{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a>
                   <a href="{$extraTab.href}" class="SplitCtrl" rel="Menu"></a>
                   
                   <div class="<xen:if is="@uix_removeTabLinks">Menu JsOnly tabMenu<xen:else />{xen:if {$extraTab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'}</xen:if> {$extraTabId}TabLinks">
                     <div class="primaryContent menuHeader">
                       <h3>{$extraTab.title}</h3>
                       <div class="muted">{xen:phrase quick_links}</div>
                     </div>
                     {xen:raw $extraTab.linksTemplate}
                   </div>
                 </li>
                 <xen:else />
                   <li class="navTab {$extraTabId} <xen:if is="@uix_removeTabLinks">PopupClosed<xen:else />{xen:if $extraTab.selected, 'selected', 'PopupClosed'}</xen:if>">
                     <a href="{$extraTab.href}" class="navLink{xen:if '!@uix_alwaysShowNavDropdownArrow', ' NoPopupGadget'}"{xen:if '!@uix_alwaysShowNavDropdownArrow', ' rel="Menu"'}>{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a>
                     <xen:if is="!@uix_removeTabLinks"><xen:if is="{$extraTab.selected}"><div class="tabLinks"></div></xen:if></xen:if>
                   </li>
                 </xen:if>
               </xen:foreach>
               </xen:if>
               
               
               <!-- members -->
               <xen:if is="{$tabs.members}">
                 <li class="navTab members <xen:if is="@uix_removeTabLinks">{xen:if $tabs.members.selected, 'selected'} Popup PopupControl PopupClosed<xen:else />{xen:if $tabs.members.selected, 'selected', 'Popup PopupControl PopupClosed'}</xen:if>">
                 
                   <a href="{$tabs.members.href}" class="navLink{xen:if '!@uix_alwaysShowNavDropdownArrow', ' NoPopupGadget'}"{xen:if '!@uix_alwaysShowNavDropdownArrow', ' rel="Menu"'}>{$tabs.members.title}</a>
                   <a href="{$tabs.members.href}" class="SplitCtrl" rel="Menu"></a>
                   
                   <div class="<xen:if is="@uix_removeTabLinks">Menu JsOnly tabMenu<xen:else />{xen:if {$tabs.members.selected}, 'tabLinks', 'Menu JsOnly tabMenu'}</xen:if> membersTabLinks">
                     <div class="primaryContent menuHeader">
                       <h3>{$tabs.members.title}</h3>
                       <div class="muted">{xen:phrase quick_links}</div>
                     </div>
                     <ul class="secondaryContent blockLinksList">
                     <xen:hook name="navigation_tabs_members">
                       <li><a href="{xen:link members}">{xen:phrase notable_members}</a></li>
                       <xen:if is="{$xenOptions.enableMemberList}"><li><a href="{xen:link members/list}">{xen:phrase registered_members}</a></li></xen:if>
                       <li><a href="{xen:link online}">{xen:phrase current_visitors}</a></li>
                       <xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link recent-activity}">{xen:phrase recent_activity}</a></li></xen:if>
                       <xen:if is="{$canViewProfilePosts}"><li><a href="{xen:link find-new/profile-posts}">{xen:phrase new_profile_posts}</a></li></xen:if>
                     </xen:hook>
                     </ul>
                   </div>
                 </li>
               </xen:if>         
               
               <!-- extra tabs: end -->
               <xen:if is="{$extraTabs.end}">
               <xen:foreach loop="$extraTabs.end" key="$extraTabId" value="$extraTab">
                 <xen:if is="{$extraTab.linksTemplate}">
                   <li class="navTab {$extraTabId} <xen:if is="@uix_removeTabLinks">{xen:if $extraTab.selected, 'selected'} Popup PopupControl PopupClosed<xen:else />{xen:if $extraTab.selected, 'selected', 'Popup PopupControl PopupClosed'}</xen:if>">
                 
                   <a href="{$extraTab.href}" class="navLink{xen:if '!@uix_alwaysShowNavDropdownArrow', ' NoPopupGadget'}"{xen:if '!@uix_alwaysShowNavDropdownArrow', ' rel="Menu"'}>{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a>
                   <a href="{$extraTab.href}" class="SplitCtrl" rel="Menu"></a>
                   
                   <div class="<xen:if is="@uix_removeTabLinks">Menu JsOnly tabMenu<xen:else />{xen:if {$extraTab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'}</xen:if> {$extraTabId}TabLinks">
                     <div class="primaryContent menuHeader">
                       <h3>{$extraTab.title}</h3>
                       <div class="muted">{xen:phrase quick_links}</div>
                     </div>
                     {xen:raw $extraTab.linksTemplate}
                   </div>
                 </li>
                 <xen:else />
                   <li class="navTab {$extraTabId} <xen:if is="@uix_removeTabLinks">PopupClosed<xen:else />{xen:if $extraTab.selected, 'selected', 'PopupClosed'}</xen:if>">
                     <a href="{$extraTab.href}" class="navLink{xen:if '!@uix_alwaysShowNavDropdownArrow', ' NoPopupGadget'}"{xen:if '!@uix_alwaysShowNavDropdownArrow', ' rel="Menu"'}>{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a>
                     <xen:if is="!@uix_removeTabLinks"><xen:if is="{$extraTab.selected}"><div class="tabLinks"></div></xen:if></xen:if>
                   </li>
                 </xen:if>
               </xen:foreach>
               </xen:if>
               
               <!-- responsive popup -->
               <li class="navTab navigationHiddenTabs Popup PopupControl PopupClosed" style="display:none">   
                       
                 <a rel="Menu" class="navLink NoPopupGadget"><i class="uix_icon uix_icon-navTrigger"></i><span class="uix_hide menuIcon">{xen:phrase menu}</span></a>
                 
                 <div class="Menu JsOnly blockLinksList primaryContent" id="NavigationHiddenMenu"></div>
               </li>
                 
               <xen:if is="!@uix_removeTabLinks">
               <!-- no selection -->
               <xen:if is="!{$selectedTab}">
                 <li class="navTab selected"><div class="tabLinks"></div></li>
               </xen:if>
               </xen:if>

               <xen:if is="!@uix_removeTabLinks && @uix_visitorTabsToUserBar">   
                 <xen:if is="{$tabs.account.selected}">
                 <li class="navTab selected">
                   <div class="tabLinks">
                     <ul class="secondaryContent blockLinksList">
                     <xen:hook name="navigation_tabs_account">
                       <li><a href="{xen:link account/personal-details}">{xen:phrase personal_details}</a></li>
                       <li><a href="{xen:link conversations}">{xen:phrase conversations}</a></li>
                       <xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link account/news-feed}">{xen:phrase your_news_feed}</a></li></xen:if>
                       <li><a href="{xen:link account/likes}">{xen:phrase likes_youve_received}</a></li>
                     </xen:hook>
                     </ul>
                   </div>
                 </li>
                 </xen:if>
                 <xen:if is="{$tabs.inbox.selected}">
                 <li class="navTab selected">
                   <div class="tabLinks">
                     <ul class="secondaryContent blockLinksList">
                       <li><a href="{xen:link conversations}">{xen:phrase conversations}</a></li>
                       <li><a href="{xen:link conversations/starred}">{xen:phrase starred_conversations}</a></li>
                       <li><a href="{xen:link conversations/yours}">{xen:phrase conversations_you_started}</a></li>
                     </ul>
                   </div>
                 </li>
                 </xen:if>
               </xen:if>     

             </ul>
             
             
             <xen:if is="@uix_offCanvasSidebar">
             <ul class="left uix_offCanvasSidebarMenu">
               <li class="navTab uix_offCanvasSidebarTrigger PopupClosed" id="uix_paneTrigger"><a class="navLink left-off-canvas-trigger" href="#"><i class="uix_icon uix_icon-navTrigger"></i><xen:if is="@uix_offCanvasSidebar_phrase"> @uix_offCanvasSidebar_phrase</xen:if></a></li>
             </ul>
             </xen:if>
             
             <xen:if hascontent="true">
             
               <ul class="visitorTabs right">
               
               <xen:contentcheck>
               
                 <xen:if is="@uix_postPagination">
                   <li class="navTab audentio_postPagination" id="audentio_postPagination"></li>
                 </xen:if>
               
                 <xen:hook name="uix_navigation_right_start" />
                 
                 <xen:if is="!@uix_visitorTabsToUserBar">
                   <xen:include template="uix_visitorTabs" />
                 </xen:if>
                 
                 <xen:if is="!@uix_loginHandleToUserBar && @uix_loginHandleAsNavLink">
                   <xen:include template="uix_loginTab" />
                 </xen:if>
             
                 <xen:include template="navigation_visitor_tab" />                 
                 
                 <xen:hook name="uix_navigation_right_end" />

                 <xen:if is="@uix_searchPosition == 2 || @uix_searchPosition == 0 || ( @uix_searchPosition == 1  && ( @uix_navStyle == 2 || (@uix_navStyle == 3 && @uix_pageStyle != 1) ) )">
                   <xen:include template="uix_searchTab" />
                 </xen:if>

               </xen:contentcheck>
               
               </ul>
               
             </xen:if>
             
             
           <xen:if is="@uix_pageStyle==1"></div></xen:if>

         </div>

       <span class="helper"></span>
         
       </nav>
     </div>
   <xen:if is="@uix_pageStyle!=1"></div></xen:if>
   </div>
</div>
 
@Chad

Make doubly sure that you reverted that navigation template in the same style that you are viewing. If a custom navigation template is still in play then that can cause this problem. Also try using the default style to be certain it's not a style problem.

This could also be the result of other conflicting addons. Try disabling other addons.

If you are testing the unread bubble in isolation then two user accounts are required. If you post a new thread yourself then it will never be "unread" for you unless some other user replies.
 
Hi @Jake Bunce

Thanks for your help. Ok, tested on default XF style. Lots of new posts by others, but the bubble alert still didn't show up.

Here's a screen shot of my node tab settings for New Posts

pop-up menu and pop-up links as columns are both disabled too.

Please confirm this looks right before I start testing disabling other add-ons. Thanks.
 

Attachments

  • node.webp
    node.webp
    65.3 KB · Views: 15
@Chad

I see it's a link-forum that links to the "new posts" page. The unread bubble only counts new posts in that node or its child nodes. Link-forums can't contain posts themselves, so any new posts would have to be in child nodes of that link-forum in order to be counted.
 
I'm not understand how to get it working though, for everything within "root node". Can you please explain? It won't let me save without a link in the field. I even tried a particular forum too, still didn't work.
 
Chad said:
I'm not understand how to get it working though, for everything within "root node". Can you please explain? It won't let me save without a link in the field. I even tried a particular forum too, still didn't work.
Click to expand...

What are you trying to accomplish with this addon?
 
Chad said:
I just want to display the alert bubble for unread posts, globally (all forums) in the new post tab I created using this mod.
Click to expand...

The root node option will do that:

Admin CP -> Home -> Nodes As Tabs -> Define Root Node

You said you tried this already. It should work though. If it's not then I need FTP and admin access to look into this.
 
Hi @Jake Bunce

See attached. For some reason, they're all disabled with the exception of 1-2 forums in the drop down. Strange.
 

Attachments

  • greyed.webp
    greyed.webp
    35.9 KB · Views: 13
Chad said:
Hi @Jake Bunce

See attached. For some reason, they're all disabled with the exception of 1-2 forums in the drop down. Strange.
Click to expand...

In the description of that setting you will see that it only allows selection of nodes with Display As Tab enabled. It must be a tab before you can make it a root tab.
 
Thanks @Jake Bunce

Finally got it working. I'm not clumsy or anything, but today was one of those draining days so I'm not fully myself. Anyway now it works and I appreciate your patience brother
 
ugur said:
Hello
Does it support resources manager?
Thanks.
Click to expand...

This add-on supports to display a node as tab on navtab. If you want to add a RM category to navtab, create a url page that includes the category's url then add it on navtab using nodes as tabs add-on.
 
ugur said:
Hello
Does it support resources manager?
Thanks.
Click to expand...

Indirectly.

Link-forums are nodes, and they can redirect the user to any page within XF including RM pages. Tab selection can be an issue with link-forums since there is no formal relation to the target page, but this option can allow this to work in many situations:

Admin CP -> Home -> Nodes As Tabs -> Enable Tab Selection For Link-forums
 
ThyPhon said:
This add-on supports to display a node as tab on navtab. If you want to add a RM category to navtab, create a url page that includes the category's url then add it on navtab using nodes as tabs add-on.
Click to expand...
Hello.
Thanks so much.
Jake Bunce said:
Indirectly.

Link-forums are nodes, and they can redirect the user to any page within XF including RM pages. Tab selection can be an issue with link-forums since there is no formal relation to the target page, but this option can allow this to work in many situations:

Admin CP -> Home -> Nodes As Tabs -> Enable Tab Selection For Link-forums
Click to expand...
Hello.
Thank you very much for your answers first.
I manually add.
appearance-templates-navigation
search
Code: 
                    <xen:if is="{$extraTab.selected}"><div class="tabLinks"></div></xen:if>
                </li>
            </xen:if>
        </xen:foreach>
        </xen:if>
Add
Example:
Code: 
        </xen:foreach>
        <!-- mytab -->
        <li class="navTab PopupClosed"><a href="resources/categories/add-ons.28/" class="navLink">add on</a></li>
        </xen:if>
 
Hello Jake, thanks for share this great addon!
I've been testing and I've looking this behavior in mobile devices when you reload:

nodesastabs.gif
That only happens in a fraction of a second [very fast] while the page is reloaded. it is not something important but would be great if there is any way to avoid it.
Thanks again.
 
Hello,
seems to be a fantastic add-on indeed..
Is it at all possible, with this, (first time user here) to consolidate these sub navs as they're cluttered and I don't know what I can really do about it.
Hoping this will help me. Thank you very much.
Navtabs.webp
 
You must log in or register to reply here.

Similar threads

Ozzy47
[OzzModz] View Node Link In ACP
Replies
9
Views
369
FaeWhisperer
FaeWhisperer
XenConcept
[XenConcept] Quiz Manager [Paid]
2
Replies
38
Views
2K
XenConcept
XenConcept
Veer
[XenCustomize] Ad Between the Nodes [Paid]
Replies
7
Views
752
Veer
Veer
BassMan
[cXF] About Tab as Default
Replies
0
Views
104
BassMan
BassMan
Kier
Javascript debugging with PhpStorm and Google Chrome using your own Chrome profile
Replies
0
Views
893
Kier
Kier
Top Bottom