Adding classes into navigation items

Comments

• admin

  July 2014 edited 9:33PM

  It sounds like you may want to use the "styles" parameter which can be an array of arrays with each one essentially mapping to an li class. You'll need to know the index of your menu items for it to work though. Say you want to set the 2nd menu items class you can do:
  'styles' => array(2 => 'has-dropdown');
  
  You can also do nested menu items by nesting an array:
  
  'styles' => array(2 => array(0 => 'has-dropdown'));
• alleyhector

  July 2014 edited 9:33PM

  So I interpreted your comment on the styles parameter as meaning that you can target a specific menu item but when I added it it looks more like it applies that class to everything within that depth. So when I have added my code like this:
  
  $primaryMenu = fuel_nav(array('group_id' => 'Primary', 'depth' => 1, 'styles' => array(0 => 'has-dropdown'), 'active' => uri_path(), 'cascade_selected' => FALSE, 'return_normalized' => TRUE));
  
  it gives every menu item the 'has-dropdown' class on its < li > tag (or if I changed to 'styles' => array(1 => 'has-dropdown') it appeared to give everything that was a child the has-dropdown class).
  
  Secondly, for the child nav items I need the class to be on the < ul > not individual < li > tags.
• alleyhector

  July 2014 edited 9:33PM

  OK, I think I figured out what I was doing wrong in the first case and am able to get my 'has-dropdown" class successfully on the correct top level item:
  
  $primaryMenu = fuel_nav(array('group_id' => 'Primary', 'depth' => 1, 'styles' => array(0 => array(4 => 'has-dropdown')), 'active' => uri_path(), 'cascade_selected' => FALSE, 'return_normalized' => TRUE));
  
  But my question about the class on its < ul > child still stands.
  
  Thanks!
• admin

  July 2014 edited July 2014

  There is a "subcontainer_tag_class" parameter you can set which acts similar to the "styles" parameter.
• alleyhector

  July 2014 edited 9:33PM

  Great! That works perfectly!
  
  For easy future reference this is what we have for 2 specific nav items with second level navgiation dropdowns. Any that do have a dropdown also have the dropdown class on the sub-container:
  
  $primaryMenu = fuel_nav(array('group_id' => 'Primary', 'depth' => 1, 'styles' => array(0 => array(4 => 'has-dropdown', 1 => 'has-dropdown')), 'subcontainer_tag_class' => array(0 => 'dropdown'), 'active' => uri_path(), 'cascade_selected' => FALSE, 'return_normalized' => TRUE));
• alleyhector

  February 2015 edited 9:33PM

  Reopening this old thread because I am trying to do this in another site and I was just wondering if subcontainer_tag_class is an available parameter in 0.9.3 like it is in 1.x. Looking through the User Guide but I'm guessing not as it doesn't seem to be working so far. Is that true?
• admin

  February 2015 edited 9:33PM

  It is not in 0.9.3.