Tab Menus
Development and Programming
15 years ago
Hello, I have been scouring the forums looking for more documentation on how to add tabs to a CP page I am working on for one of my custom modules. The only thing I have found is this page:
http://ellislab.com/expressionengine/user-guide/development/cp_styles/index.html#tab_menu
But that code seems really incomplete. Does anyone have any working examples of tabs being implemented?
14 years ago
Hey, i know this is a bit late! But maybe it will help someone further down the line.
The example you’re looking at just a menu, with a tabbed look and feel, it’s not a jquery dynamic menu.
If you want to create jquery dynamic tabs then you need to add this kind of thing into your controller
$this->EE->cp->add_js_script('ui', 'tabs');
$this->EE->javascript->output('$("#tabs").tabs();');and
In your view file
<div id="lnk_tabs">
<ul>
<li><a href="#tabs-1">tab 1</a></li>
<li><a href="#tabs-2">tab 2</a></li>
<li><a href="#tabs-3">tab 3</a></li>
</ul>
<div id="tabs-1">
test 1
</div>
<div id="tabs-2">
test 2
</div>
<div id="tabs-3">
test 3
</div>
</div>