Hi,
Hope you are doing good.
I'm using Avalon layout in my angular application. I am trying to change the code in onMenuButtonClick function in app.main.component.ts, to show a slim menu with icons on collapse of side bar and static menu when side bar is expanded. I'm not able to do so.
Could you kindly suggest an optimal way to achieve this?
Switching between Static and Slim menu orientation on side bar toggle
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 449
- Joined: 08 Aug 2018, 14:09
Hi,kdhorizon wrote: ↑23 May 2020, 05:10Hi,
Hope you are doing good.
I'm using Avalon layout in my angular application. I am trying to change the code in onMenuButtonClick function in app.main.component.ts, to show a slim menu with icons on collapse of side bar and static menu when side bar is expanded. I'm not able to do so.
Could you kindly suggest an optimal way to achieve this?
Can you try this;
in app.main.component.ts (onMenuButtonClick changed)
Code: Select all
onMenuButtonClick(event) {
this.menuClick = true;
this.rotateMenuButton = !this.rotateMenuButton;
this.topbarMenuActive = false;
if (this.isDesktop()) {
if (this.layoutMode === MenuOrientation.STATIC){
this.changeToSlimMenu();
}
else {
this.changeToStaticMenu();
}
}
else {
this.staticMenuMobileActive = !this.staticMenuMobileActive;
}
event.preventDefault();
}
Code: Select all
.topbar-right {
#menu-button {
display: none;
}
}
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Thanks @yigitfindikli
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 17 guests