Prime Community Forum

Posted: **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

Posted: **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.

Posted: **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;
}

Posted: **18 May 2021, 15:53**

Hi,
Glad to hear you solved the problem easly

Prime Community Forum

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

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

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

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

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