Jumbo React
  • Overview
  • Package Content
  • Installation and Setup
    • Environment Setup
    • Project Setup
  • Structure
    • Folder Structure
    • Layouts
  • Settings
    • Template Setting
    • Customizing Layout
      • Vertical Layout
      • Horizontal Layout
    • Updating Color Scheme
    • Setting Template Mode
    • RTL
    • Defining New Route
    • Adding New Language
  • Next js
    • Project Setup
    • Folder Structure
Powered by GitBook
On this page

Was this helpful?

  1. Structure

Layouts

PreviousFolder StructureNextTemplate Setting

Last updated 5 years ago

Was this helpful?

Jumbo React has lots of layouts that fulfill your requirements to develop amazing App.

Jumbo React provides the following layout designs:

1. Vertical - Fixed Sidebar

This layout has vertical and fixed sidebar. The sidebar will always be fixed and visible in this layout.

2. Vertical - Collapsed

This layout has vertical and collapsible sidebar. The sidebar can be shown or hidden on the click of the toggle button present in the left to the Logo in the header.

3. Vertical - Mini

This layout has vertical and mini type sidebar. Mini type means that a part of sidebar will be visible. When you hover over the sidebar, it will be extended and will be fully visible.

4. Horizontal - Inside

This layout has horizontal sidebar and is present in header itself.

5. Horizontal - Top

This layout has horizontal sidebar and is present above the header.

6. Horizontal - Below

This layout has horizontal sidebar and is present below the header.