Nodes As Tabs

Nodes As Tabs 1.5.1

No permission to download
Hello,

how can i color a singel child link in a Tabmenu created by nodes as tabs?


tab
--child link 1
--child link 2 <- how can i color only this one child link eg ?
--child link 3

Thanks for a answer. :)
 
Hmmm... very helpful. Excuse me, but I thought so that it goes with css - but what class is to change?
 
Hmmm... very helpful. Excuse me, but I thought so that it goes with css - but what class is to change?
If you want to target all of the second items on all menu dropdowns you can add this to extra.css

Code:
.Menu.tabMenu .secondaryContent li:nth-child(2) {
  background-color: #000000;
}

If you only want a specific nodetab targeted so that its second link is the focus...you need to inspect the page (press 12 while viewing your web browser ) and find out the number your tab has assigned to it....for instance on a site I am working on.....one custom tab is... .nodetab8TabLinks...so to target its second link I would use

Code:
.nodetab8TabLinks.Menu.tabMenu .secondaryContent li:nth-child(2) {
    background-color: #000000;
}
 
I mine this red marked child links in a tabmenu witch i would color:
nodesastab_01.webp

With you hint, its not working for me or i have a problem to understand your hint.
 
It looks like you have a higher depth setting for child nodes set.

Give me a link to your site so I can see for myself.
 
hey guys, I want to add two separate pages to my navbar but under one tab, basically linking one page through another using internal link but hiding the second page from members view until they click the link to the page and I want to do that using nodes as tabs, anyone know which function does this?
 
hey guys, I want to add two separate pages to my navbar but under one tab, basically linking one page through another using internal link but hiding the second page from members view until they click the link to the page and I want to do that using nodes as tabs, anyone know which function does this?

basically make 2 nodes...

-parent node (display in the nodelist, display as tab, depth of chilid links = 1 )
--child node (do not display in node list)
 
I would need to be able to see those links myself and as they are for a moderator link I wouldn't see them even if logged in as a normal user.

Sorry , I lost track of that and have been pretty busy.
 
Hello,

the links next to my red market links in my picture above are generaly the same - they can you also see as guest. :)
And when you tell me how i can color these links, i can color also the others for my moderators. ;)
 
I am feeling like a Noob, but i always get this Error Message:

URL Portion:
Please enter a node name/URL portion using a-z, 0-9, _, and - characters only.


But i have entered a Node Name + a Url just for testing. I want a Teamspeak Link in the Navbar.

Screenshot_1.webp
 
@Jake Bunce Forgive me if this shouldn't be here but:

I've been trying to create a jump to menu to make it easier to get to child nodes. I've extended XenForo_ControllerPublic_Forum
Code:
 public function actionForum()
    {    
        // call parent function
        $parent = parent::actionForum(); // Extend the default function.

        $nodeModel = $this->getModelFromCache('XenForo_Model_Node');
        $nodes = $nodeModel->getViewableNodeList(null, true);

        $parent->params['nodeTypes'] = $nodeModel->getAllNodeTypes();
        $parent->params['selected'] = preg_replace('/[^a-z0-9_-]/i', '', $this->_input->filterSingle('selected', XenForo_Input::STRING));
        //$parent->params['nodes'] = $nodeModel->getViewableNodeList(null, true);
        $parent->params['nodes'] = $nodeModel->filterOrphanNodes($nodes);
    
        return $parent; //
    }

What it needs to do is only show a list of those nodes in the parent tab that is selected.

Atm, if you use filterOrphanNodes it removes all tabs which have "Display in the node list" unchecked, else it shows all nodes in list.

upload_2014-5-20_10-48-15.webp The attached image shows the Competitions tab selected. The only nodes that should be in list is competitions and its child , winners. But it shows all other nodes. any help in how i filter by selected tab.
 
Last edited:
Am I doing something wrong here or does the child nodes show up in the main tab, but when you select the child node in the nav bar and click it, when it directs you to the proper page. It loses all associations with the top node it came from.

Example:
Servers (Tab)
-Mumble (Child Node)

Click on Child node, taken to the appropriate page but the above Navigation is no longer under the server, nor is it listed under any navigation. Picture below.

I would like it if it would retain the server node information in the list..


Never mind, I figured it out, i should of listed: nodetab112 instead of just the number 112.
 

Attachments

  • tabs.webp
    tabs.webp
    13.7 KB · Views: 14
Last edited:
How can I have it so whatever "nodes as tab" link shows only on desktop but not on mobile?

Real estate space is precious on mobile devices and would like to cut down on some links to reduce clutter.
 
How can I have it so whatever "nodes as tab" link shows only on desktop but not on mobile?

Real estate space is precious on mobile devices and would like to cut down on some links to reduce clutter.

Admin CP -> Appearance -> Templates -> EXTRA.css

Code:
html.Responsive .navTab.nodetab1
{
	display: none;
}

That should do it. Just specify the node_id (nodetab#).
 
Back
Top Bottom