Switching from Switching from Static menu to Slim menu on open and close of the side bar

Post Reply
mtakram
Posts: 4
Joined: 08 May 2021, 19:08

10 May 2021, 10:10

Dear Team,

Hope you are doing good.

I am using California layout in my application.
I am trying to implement a functionality where I need to show slim menu on closing the side bar(1.e onclick of '3 bar icon' on the top) and static menu when the side bar is opened.

Kindly suggest me the optimal way to do it.

Regards,
MT Akram

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

11 May 2021, 09:13

Hi,
Thank you, we are fine, I hope you are fine too :)

So sorry but the functionality you want to implement is a completely different menu type. Therefore, it is not possible to implement with several changes, need so many changes both component.ts and sass files.

mtakram
Posts: 4
Joined: 08 May 2021, 19:08

16 May 2021, 12:33

Thanks for the reply.

I just solve the problem using only css.

Code: Select all

.layout-wrapper.layout-wrapper-sidebar-inactive .layout-sidebar {
    left: 0;
    width: 50px;
}
.layout-wrapper.layout-wrapper-sidebar-inactive .layout-main .layout-main-content {
    padding-left: 60px;
}

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

18 May 2021, 15:53

Hi,
Glad to hear you solved the problem easly

Post Reply

Return to “California - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests