MDT Wizard : Give a better look to the navigation bar using wizard.css





As mentioned previously MDT is fully customizable.


In this post I'll show you an easy way to customize the navigation bar, you can see below.


Navigation Bar Before

Use the MDT CSS file, Wizard.css, and manage the 3 below CSS classes.
  • NavHistory (Green) = Panel which have already been configured
  • NavItemHighlighted (Blue) = Panel which is currently displayed
  • NavItem (Orange) = Panel which haven't been yet displayed
Navigation Bar After
If you want to change the background color of the navigation area, you can use the class : NavigationArea.


Share this

Related Posts

Previous
Next Post »