Vertical

  1. Docs
  2. Vertical
How to change width?
Laravel
In order to change the width of left side navigation bar, open a file resources/scss/_variables.scss and change the value of variable $sidebar-width. The default value is set to 250px.

How to use pre-built layouts?

Please do the below change in the html element at resources/views/partials/master.blade.php file. ex: <html data-layout-width="fluid">

Layout Width

data-layout-width="fluid"
data-layout-width="boxed"

Layout Position

data-layout-position="fixed"
data-layout-position="scrollable"

Topbar Colors

data-topbar="light"
data-topbar="dark"
data-topbar="Brand"

Sidebar Sizes

data-sidebar-size="lg"
data-sidebar-size="md"
data-sidebar-size="sm"
data-sidebar-size="sm-hover"

Sidebar View

data-layout-style="default"
data-layout-style="detached"

Sidebar Colors

data-sidebar="light"
data-sidebar="dark"
data-sidebar="gradient"
data-sidebar="gradient-2"
data-sidebar="gradient-3"
data-sidebar="gradient-4"

Sidebar Images

data-sidebar-image="none"
data-sidebar-image="img-1"
data-sidebar-image="img-2"
data-sidebar-image="img-3"
data-sidebar-image="img-4"

Preloader Option

data-preloader="disable"
data-preloader="enable"