[Angular + lepton-x] How to change the side-nav-menu layout to top-nav-menu layout? #5558 | Support Center | ABP Commercial

bma.ebss.dev@sjrb.ca created 8 months ago

Hi,

I am trying to build an Angular UI with lepton-x which has top-nav layout (like https://x.leptontheme.com/top-menu/). But after I created the project, The default layout is the side-nav-menu layout.

What should I do to change the side-nav-menu layout to top-nav-menu layout in the angular UI?

this is the default layout:

and I want the top-nav layout like this:

ABP Framework version: v7.3.1
```
"@abp/ng.theme.lepton-x": "~2.3.0",
```
UI Type: Angular
Database System: EF Core

Go to accepted answer

1 Answer(s)

1
Anjali_Musmade created 8 months ago
Support Team Support Team Member
Hi, Please make following changes

In angular.json file change side-menu to top-menu

In app.module.ts file change SideMenuLayoutModule to TopMenuLayoutModule
1

Have an answer to this question? Log in and write your answer.