Pre-built Layouts

Jumbo offers two pre-built Layouts as mentioned below:

  • Vertical Default

  • Solo Page

All of these pre-built layouts can be found at: src/app/layouts/ folder.

Vertical Default

This layout can be found at src/app/layouts/vertical-default

Inside the above folder, there are two files:

  • VerticalDefault.js This one is the layout component which generates the final layout of the app. This component uses JumboLayout component and feed the UI components to the layout sections explained in Understanding Layouts

  • layoutConfig.js This file contains all of the layout options related to this layout. So, in case, you want to make any configuration related changes to the VerticalDefault layout, you can make changes here.

Solo Page

This layout can be found at src/app/layouts/solo-page

Inside the above folder, there are two files:

  • SoloPage.js This one is the layout component which generates the final layout of the app. This component uses JumboLayout component and feed the UI components to the layout sections explained in Understanding Layouts

  • layoutConfig.js This file contains all of the layout options related to this layout. So, in case, you want to make any configuration related changes to the SoloPage layout, you can make changes here.

In future, there are more layouts to be added here but you don't have to wait for that as its super easy to create your own custom layout in minutes.

Last updated