Closed

Angular: SetMenuPlacement not applied when logout and login #254

edelivery created 5 years ago

ABP Framework version: 2.9
UI type: Angular
Tiered (MVC) or Identity Server Seperated (Angular): yes

Hi all I have a problem of SetMenuPlacement. Currently, my menu is on the left. I would like to set Menu on the top of page so I use layoutStateService.dispatchSetMenuPlacement(1), then it's ok. As a result: But I have trouble:

It can't work when I log in and log out again , Menu is still on the left. When I refresh this page, Menu is on the top. How I can set it's alway on top when I logout and login again Thanks

6 Answer(s)

0

armanozak created 5 years ago

Hi,

The dispatchSetMenuPlacement method of LayoutStateService makes the UI change, i.e. moves the menu from left to top and vice versa.

If you want a persistent change, you should call the dispatchUpdateThemeSettings method of the same service, which makes a PUT request to the /api/lepton-theme-management/settings endpoint. You do not need to call the other method, it will happen upon successful request.

Please let me know this answers your question.

Have a nice day.
0

edelivery created 5 years ago

Hi armanozak I have many module with angularUI but I just want custom 1 module of them (set menu to the top). If i use dispatchUpdateThemeSettings it set all my modules.

armanozak created 5 years ago

Hi,

There is no way of persisting Lepton settings per module. If a menu on top in a specific module for all users is what you need, then you can use OnInit and OnDestroy lifecycle hooks in the root component of that specific module. An example:

@Component({
  selector: 'app-dashboard',
  templateUrl: './dashboard.component.html',
})
export class DashboardComponent {
  private menuPlacement: number;

  constructor(private layout: LayoutStateService) {}

  ngOnInit() {
    this.menuPlacement = this.layout.getMenuPlacement();
    this.layout.dispatchSetMenuPlacement(1);
  }

  ngOnDestroy() {
    this.layout.dispatchSetMenuPlacement(this.menuPlacement);
  }
}

Does this solve the issue for you?

0

edelivery created 5 years ago

Hi The menu is still on the left when I logout and login. When I refresh browser it applied
0

armanozak created 5 years ago

Hi,

I cannot reproduce this. Please check the attached animated GIF on what I see when I use the exact code above.
0

edelivery created 5 years ago

That's what i need thank you so much