Closed

Issues with Menu in Angular LeptonX #4346

dkaczor created 2 years ago

ABP Framework version: v7.0.0
UI type: Angular
DB provider: EF Core
Tiered (MVC) or Identity Server Separated (Angular): no
Steps to reproduce the issue: Open ABP Suite, create new project with Angular as frontend Lepton X as theme

I found two problems with lepton X in angular.

Collapse button is missing: It is visible in demo but when I create my own project, it is hidden
TopMenu is not working: I changed SideMenuLayoutModule to TopMenuLayoutModule in app.module.ts and this is the result.

6 Answer(s)

muhammedaltug created 2 years ago

Hello,

You need to change layout-bundle css file in angular.json

{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/top-menu/layout-bundle.css",
    "inject": false,
    "bundleName": "layout-bundle"
},

0

dkaczor created 2 years ago

Hello,

You need to change layout-bundle css file in angular.json

I tried. It does not look any better
0

muhammedaltug created 2 years ago

Hello,

Can you send your app.module.ts?

muhammedaltug created 2 years ago

Also you need to remove side menu's CSS

{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/side-menu/layout-bundle.css",
    "inject": false,
    "bundleName": "layout-bundle"
},

0

dkaczor created 2 years ago

I found the issue, I didn't import the TopMenuLayoutModule after changing the angular.json file. Works fine now, thanks.

Any updates about the first issue? (Collapse menu button missing).
0

muhammedaltug created 2 years ago

Hello,

We created an internal issue for this bug.