In this section we are going to learn how to change the vertical navigation style.

Changing the reducer file Settings.js

In this method, open the Settings.js file which you can find inside the src/appRedux/reducers/ folder.

Here in this file, you will find a initialSettings constant object

     
const initialSettings = {
    ....
  navStyle: NAV_STYLE_FIXED,
    ...
};
  

The Vertical Nav Style property could have one of five values given below:

1. NAV_STYLE_FIXED
   To set sidebar as fixed style
2. NAV_STYLE_MINI_SIDEBAR
   To set sidebar in Mini style
   
3. NAV_STYLE_DRAWER
   To set sidebar as collapsible drawer style
   
4. NAV_STYLE_NO_HEADER_MINI_SIDEBAR
   To set sidebar in Mini style without Header
   
5. NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR
   To set sidebar as Fixed style without Header
   

So, this is all about changing the vertical navigation style using Redux