1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Problems with the navbar after upgrading to 1.1.5

Discussion in 'Troubleshooting and Problems' started by vexx, May 29, 2013.

  1. vexx

    vexx Active Member

    Hey guys,

    I've upgraded my XF installation to the latest release, 1.1.5. I've compared all the outdated templates..did the necessary modifications..the works. The only problem I have now, are the extra tabs from the navbar template. More specific, when the extra navbar menu is "selected", the pop-up menu doesn't show anymore as intended. I'm gonna give the examples live from my site instead of screenshots.

    The site is: www.tesoelite.com

    As you can see from the navbar, when selecting the Media or Streams menus, the popoups show weird and the selected menu is a weird blue thing. To have a better idea, those menus should've looked as the What's New menu (last item) both when selected or not.

    Here's the code for the extra tabs template:

    Code:
    <!-- 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 $extraTab.selected, 'selected', 'Popup PopupControl PopupClosed'}">
               
                    <a href="{$extraTab.href}" class="navLink">{$extraTab.title}</a>
                    <a href="{$extraTab.href}" class="SplitCtrl" rel="Menu"></a>
                   
                    <div class="{xen:if {$extraTab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'}">
                        {xen:raw $extraTab.linksTemplate}
                    </div>
                </li>
                <xen:else />
                    <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'PopupClosed'}">
                        <a href="{$extraTab.href}" class="navLink">{$extraTab.title}</a>
                        <xen:if is="{$extraTab.selected}"><div class="tabLinks"></div></xen:if>
                    </li>
                </xen:if>
            </xen:foreach>
            </xen:if>
    Here's the code for the What's New menu:

    Code:
    <!-- what's new? -->
                <li class="navTab forums {xen:if $tabs.find-new.selected, 'selected', 'Popup PopupControl PopupClosed'}"><a href="{xen:link 'find-new/threads'}" class="navLink">{xen:phrase whats_new}</a>
                    <a href="{$tabs.find-new.href}" class="SplitCtrl" rel="Menu"></a>
     
                    <div class="{xen:if {$tabs.find-new.selected}, 'tabLinks', 'Menu JsOnly tabMenu'}">
                        <div class="primaryContent menuHeader">
                            <h3>{$tabs.forums.title}</h3>
                            <div class="muted">{xen:phrase quick_links}</div>
                        </div>
                        <ul class="secondaryContent blockLinksList">
                            <li><a href="{xen:link recent-activity}">{xen:phrase recent_activity}</a></li>
                            <xen:if is="{$user.user_id} != {$visitor.user_id}"><li><a href="{xen:link 'account/news-feed'}" class="navLink">{xen:phrase your_news_feed}</a></li></xen:if>
                            <xen:if is="{$visitor.user_id}"><li><a href="{xen:link 'watched/threads'}">{xen:phrase watched_threads}</a></li></xen:if>
                            <li><a href="{xen:link online}">{xen:phrase current_visitors}</a></li>
     
                        </ul>
                    </div>
                </li>
    As you can see, after many hours of trying to figure out what the hell is happening, I made the css calls to be almost identical to the What's New tab, thinking that it'll work...no it didn't.

    This is the 1.1.5 extra tabs template that was upgraded to, but doesn't work:

    Code:
    <!-- forums -->
            <xen:if is="{$tabs.forums}">
                <li class="navTab forums {xen:if $tabs.forums.selected, 'selected', 'Popup PopupControl PopupClosed'}">
               
                    <a href="{$tabs.forums.href}" class="navLink">{$tabs.forums.title}</a>
                    <a href="{$tabs.forums.href}" class="SplitCtrl" rel="Menu"></a>
                   
                    <div class="{xen:if {$tabs.forums.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} 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/threads'}">{xen:phrase watched_threads}</a></li></xen:if>
                            <li><a href="{xen:link 'find-new/threads'}" rel="nofollow">{xen:phrase whats_new}</a></li>
                        </xen:hook>
                        </ul>
                    </div>
                </li>
            </xen:if>
    Long story short, I'm desperate, have no idea why is this broken and I don't know if I missed anything at the upgrade when I revereted the outdated styles. Help! :(
     
  2. Tracy Perry

    Tracy Perry Well-Known Member

    Looks identical to the What's new to me both when you tab it down and when you highlight an item (if that is what you are referring to).
    example.png
     
  3. vexx

    vexx Active Member

    ya but if you visit the Streams page, look at the menu then :)
     
  4. Tracy Perry

    Tracy Perry Well-Known Member

    The below code is why. Probably due to it being a link (and that's the color for a:visited).

    Code:
     .navTabs .navTab.selected .navLink {
    position: relative;
    font-size: 13px;
    color: rgb(40, 191, 236);
    padding-top: 2px;
    margin-top: -2px;
    }
     
  5. vexx

    vexx Active Member

    thanks for pointing that out, it seems that the installed theme had 2 declarations of the same CSS. anyway, that wasn't the big problem..the big problem was that each of those extra tabs, both Media and Streams, have a pop-up menu of themselves which works even if the user is visiting the respective page. Since you don't have an user, I'll post a screenshot on how the menu shows up.

    ss1.jpg ss2.jpg

    As you can see, the menu is now horizontal, like it's using the secondary navbar (which is disabled for my theme). I've tried to add the same css style as I did for the What's New tab but it shows the same.

    Thanks alot!
     
  6. vexx

    vexx Active Member

    so, any more ideas, i have no idea what's wrong here...the extratabs.middle menus are called identically with the others, but behave differently.
     
  7. Tracy Perry

    Tracy Perry Well-Known Member

    Custom style? If so, have you contacted the author for support?
     
  8. vexx

    vexx Active Member

    yes, but it's heavily modified by me
     

Share This Page