> For the complete documentation index, see [llms.txt](https://iron-network.gitbook.io/gene/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://iron-network.gitbook.io/gene/layout.md).
# Layouts
Gene comes with three handcrafted layouts. Read the documentation carefully to use the following layouts in your template.
### Default Layout
Gene by default has traditional admin layout but also provides you flexibility to choose your own.
### Mini Sidebar
To enable mini sidebar layout, go to `src->app->service->core` and open `core.service.ts` file and change the value of `collapseSidebar` to true.
{% code title="core.service.ts" %}
```typescript
export class CoreService {
...
collapseSidebar : boolean = true;
...
}
```
{% endcode %}
### Horizontal Menu
To enable horizontal menu go to `src->app->service->core` and open `core.service.ts` file and change the value of `horizontalStatus` & `horizontalSizeStatue` to true.
{% code title="core.service.ts" %}
```typescript
export class CoreService {
...
horizontalStatus : boolean = true;
horizontalSizeStatue : boolean = true;
...
}
```
{% endcode %}
### Dark Mode
To enable the dark mode in the template, go to `src->app->main` and open the `main-material.html` file, now search for the `app-dark` class at div `index.html` file & add the class `"dark-theme-active"` in the `body` tag. Like given below:
```
...
```
