[Angular + lepton-x] How to change the side-nav-menu layout to top-nav-menu layout? #5558

bma.ebss.dev@sjrb.ca created 2 years 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

Anjali_Musmade created 2 years ago

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

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

Assignee

Anjali_Musmade

Boost Your Development

ABP Live Training
Packages

See Trainings

The Official Guide

Mastering
ABP Framework

Learn More

1 Answer(s)

ABP Live TrainingPackages

MasteringABP Framework

ABP Live Training
Packages

Mastering
ABP Framework