This is a very simple process. In your host app open the file grails-app/views/templates/nimble/navigation/_topnavigation.gsp The menu is a simple unordered list with additional unordered lists embedded in list items for the secondary level of menu. Each list item should contain a <g:link> or <a href..> tag. When using a submenu the containing list item (li) should have a class string as follows class="${controllerName.equals(<controller name>) ? 'current' : ''}"Ensure you replace <controller name> with the controller associated with this submenu, that way when a page relating to an action on that controller is being used by the user that submenu will be 'active' and able to be styled appropriately. Second level menu unordered list (ul) elements should have a class string as follows class="submenu ${controllerName.equals(<controller name>) ? 'submenu-active_' : ''}"As before ensure you replace <controller name> with the controller associated with this submenu. After that all you need to do is supply CSS styling to suit your requirements or continue to use the Nimble provided style. |