In this section we are going to learn how to change the layouts 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 = {
    ....
  layoutType: LAYOUT_TYPE_FULL,
    ...
};
  

The Layout Type property could have one of three values given below:

1. LAYOUT_TYPE_FULL
   To set layout as Full Width
2. LAYOUT_TYPE_BOXED
   To set layout as Boxed style
   
3. LAYOUT_TYPE_FRAMED
   To set layout as Framed style
   

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