XF 2.1 Forum Jump drop down

[clawbennett]

Migrating from a myBB forum and there was a user request to see if there was a "Forum Jump" add on or mod. At the bottom of a thread or page there is an option to click a dropdown menu to quickly jump to another forum without having to go back to the main forum page.

Is there something like this for XF2?

 

[StarArmy]

I think the reason most modern boards don't use these anymore is because they're not considered to be accessible.

 

[Russ]

Nothing really exists that I know of. You could always just create a simple popup menu in XF with manual links.

        <div class="p-forumList">
            <a class="p-forumList-link menuTrigger button" data-xf-click="menu" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">Forum Jump</a>
            <div class="menu forumList-menu" data-menu="menu" aria-hidden="true">
                <div class="menu-content">
                    <h4 class="menu-header">Quick Jump</h4>
                    <a href="linktonode1" class="menu-linkRow">Forum node 1</a>
                    <a href="linktonode2" class="menu-linkRow">Forum node 2</a>
                    <a href="linktonode3" class="menu-linkRow">Forum node 3</a>
                    <a href="linktonode1" class="menu-linkRow">Forum node 1</a>
                    <a href="linktonode2" class="menu-linkRow">Forum node 2</a>
                    <a href="linktonode3" class="menu-linkRow">Forum node 3</a>
                    <a href="linktonode1" class="menu-linkRow">Forum node 1</a>
                    <a href="linktonode2" class="menu-linkRow">Forum node 2</a>
                    <a href="linktonode3" class="menu-linkRow">Forum node 3</a>
                </div>
            </div>
        </div>

If you want to set a max-height on the menu place this in extral.ess:

.forumList-menu .menu-content {
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

 

[swiftyste]

Nothing really exists that I know of. You could always just create a simple popup menu in XF with manual links.

        <div class="p-forumList">
            <a class="p-forumList-link menuTrigger button" data-xf-click="menu" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">Forum Jump</a>
            <div class="menu forumList-menu" data-menu="menu" aria-hidden="true">
                <div class="menu-content">
                    <h4 class="menu-header">Quick Jump</h4>
                    <a href="linktonode1" class="menu-linkRow">Forum node 1</a>
                    <a href="linktonode2" class="menu-linkRow">Forum node 2</a>
                    <a href="linktonode3" class="menu-linkRow">Forum node 3</a>
                    <a href="linktonode1" class="menu-linkRow">Forum node 1</a>
                    <a href="linktonode2" class="menu-linkRow">Forum node 2</a>
                    <a href="linktonode3" class="menu-linkRow">Forum node 3</a>
                    <a href="linktonode1" class="menu-linkRow">Forum node 1</a>
                    <a href="linktonode2" class="menu-linkRow">Forum node 2</a>
                    <a href="linktonode3" class="menu-linkRow">Forum node 3</a>
                </div>
            </div>
        </div>

If you want to set a max-height on the menu place this in extral.ess:

.forumList-menu .menu-content {
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

Thank you so much for this really did help me with my issue and scroll menu could help me with my second issue i have? Could you guide me to make this work with moderator tools on profile and more options in thread view?

Would it be something like:

 .menu-content {
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

 

[swiftyste]

Managed to get it working by placing forumList-menu after menu in thread_view & member_view



Using

.forumList-menu .menu-content {
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}