Don´t want sidebar - Simpler layout

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
botura
Posts: 2
Joined: 18 Oct 2017, 02:46

13 Nov 2017, 01:45

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> ?

merve7
Posts: 861
Joined: 12 Sep 2017, 10:44

13 Nov 2017, 10:58

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.

botura
Posts: 2
Joined: 18 Oct 2017, 02:46

13 Nov 2017, 21:20

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!

cagatay.civici
Prime
Posts: 18616
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

30 Nov 2017, 13:20

Glad to hear issue is resolved.

Post Reply

Return to “Serenity - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 5 guests