Page 1 of 1

Don´t want sidebar - Simpler layout

Posted: 13 Nov 2017, 01:45
by botura
I don´t want to use the sidebar menu, how can I hide it and use a simpler layout with only <app-topbar>, <router-outlet> and <app-footer> ?

Re: Don´t want sidebar - Simpler layout

Posted: 13 Nov 2017, 10:58
by merve7
Please, can you try?
remove <app-menu> tag in app.component.html

Code: Select all

<app-menu></app-menu>
remove margin-left in layout-main ( _main.scss )

Code: Select all

.layout-main{
	margin-left: 60px; (this line)
}
change width in layout-topbar (_main.scss)

Code: Select all

.layout-topbar {
	width: calc(100% - 40px); (replace with width: 100%;)
}
Also, you remove related component etc.

Re: Don´t want sidebar - Simpler layout

Posted: 13 Nov 2017, 21:20
by botura
Great, it works!

I also had to remove this line from the layout file (layout-moody.css).

Code: Select all

.layout-wrapper .layout-main {
  /* margin-left: 60px; */
  ...
Thanks!

Re: Don´t want sidebar - Simpler layout

Posted: 30 Nov 2017, 13:20
by optimus.prime
Glad to hear issue is resolved.