Change Layout

Change your desire layouts from the available options.

This Section explains everything about Page Layouts with its extra available options.
Vertical
Horizontal
Collapse
Vertical Layout is a default layout of theme so you no need to made any change in it
You need to set the layout to "_Layout-horizontal.cshtml" in your .cshtml page to get the Horizontal Layout
and change in Views/<< sub directory >>/*.cshtml the page also if you have a subdirectory then also make a change in that.
@{
    Layout = "~/Views/Shared/_Layout-horizontal.cshtml";
}
​
if you need to set a horizontal layout for an entire theme you need to set layout "_Layout-horizontal" in Views/_ViewStart.cshtml file 
@{    
    Layout = "_Layout-horizontal";
}
​
You need to set the layout to "_Layout-compact.cshtml" in your .cshtml page to get the Collapse Layout
and change in Views/<< sub directory >>/*.cshtml the page also if you have a subdirectory then also make a change in that.
@{
    Layout = "~/Views/Shared/_Layout-compact.cshtml";
}
​
if you need to set a Collapse layout for an entire theme you need to set layout "_Layout-compact" in Views/_ViewStart.cshtml file 
@{
    Layout = "_Layout-compact";
}

Guides - Previous

Folder Structure

Next - Guides

Customizer

Last modified 3mo ago