1 minute reading time (207 words)

How to use two layouts from the same view for two submenus

How-to-use-two-layouts-from-same-view-for-two-submenus
Have you ever came across a situation, when working on a Joomla component- you need two sub-menus to be shown in admin backend which belong to same view and different layouts?
If yes, then you must have noticed that this does not work as expected. 
 
Here's the solution for the same 

Suppose there are two submenus - this is the PHP code to add two submenus -

$reports=true;
JSubMenuHelper::addEntry(JText::_('COM_JGIVE_REPORTS'),'index.php?option=com_jgive&view=reports&layout=default',$reports);
JSubMenuHelper::addEntry(JText::_('COM_JGIVE_PAYOUT_REPORTS'),'index.php?option=com_jgive&view=reports&layout=payouts',$reports);
As you can see the 'view' for 2 submenus is same and 'layouts' are different
index.php?option=com_jgive&view=reports&layout=default
index.php?option=com_jgive&view=reports&layout=payouts
 
So when you browse to one of the above-mentioned views - you will see both submenus as active as shown in the image below -
 
both-submenus-active
 
 
 
 
 
 
TO fix this you will need to add some jquery code to not show another submenu as active.
 
FILE - view=reports&layout=default
$document=JFactory::getDocument();
//override active menu class to remove active class from other submenu
$menuCssOverrideJs="$(document).ready(function()
{
$('ul>li> a[href$=\"index.php?option=com_jgive&view=reports&layout=payouts\"]:last').removeClass('active');
});";
$document->addScriptDeclaration($menuCssOverrideJs);
 
FILE - view=reports&layout=payouts
$document=JFactory::getDocument();
//override active menu class to remove active class from other submenu
$menuCssOverrideJs="$(document).ready(function(){
$('ul>li> a[href$=\"index.php?option=com_jgive&view=reports&layout=default\"]:last').removeClass('active');
});";
$document->addScriptDeclaration($menuCssOverrideJs);
After adding code in those two layouts you will see that only the current submenu is shown as active.
one-submenu-active

It works well on Joomla 2.5.x. :)

2
Jbolo 3.0 - alpha 4 - supporting group chat
Jingle Bells !! Jingle Bells !! 20% off in the Sto...