2019-07-29 13:40:18 +00:00
---
layout: page
title: Layout Plugin
---
2021-02-19 06:54:52 +00:00
The layout plugin manages the layout in case of css failure to reset the height or width of the content.
2019-07-29 13:40:18 +00:00
##### Usage
2021-02-19 06:54:52 +00:00
This plugin is activated automatically upon window load.
2019-07-29 13:40:18 +00:00
##### Options
{: .mt-4}
|---
| Name | Type | Default | Description
|-|-|-|-
2020-09-19 12:15:59 +00:00
|scrollbarTheme | String | `os-theme-light` | Scrollbar Theme used while SideBar Fixed
|scrollbarAutoHide | String | `l` | Scrollbar auto-hide trigger
2020-06-05 13:51:49 +00:00
|panelAutoHeight | Boolean\|Numeric | true | Panel Height Correction (`true` = default correction on load/resize; numeric = offset the correction on load/resize)
2020-09-19 12:15:59 +00:00
|panelAutoHeightMode | String | `min-height` | Panel Height Mode (`min-height` = sets the `min-height` -attribute to the content-wrapper; `height` = sets `height` -attribute to the content-wrapper)
2021-02-19 06:54:52 +00:00
|preloadDuration | Integer | 200 | Preloader Duration (Set in milliseconds)
2020-06-05 13:51:49 +00:00
|loginRegisterAutoHeight | Boolean\|Integer | true | Login & Register Height Correction (`true` = single correction on load; integer = correction with a interval based on the interger)
2019-07-29 13:40:18 +00:00
|---
{: .table .table-bordered .bg-light}
> ##### Tip!
> You can use any option via the data-attributes like this.
> ```html
> <body data-scrollbar-auto-hide="n">...</body>
> ```
{: .quote-info}
##### Methods
{: .mt-4}
|---
| Method | Description
|-|-
|fixLayoutHeight | Fix the content / control sidebar height and activates OverlayScrollbars for sidebar / control sidebar
2020-02-25 13:25:05 +00:00
|fixLoginRegisterHeight | Fix the login & register body height
2019-07-29 13:40:18 +00:00
{: .table .table-bordered .bg-light}
Example: `$('body').Layout('fixLayoutHeight')`