- ABP Framework version: v7.2.2
- UI type: Angular
- DB provider: EF Core
- Tiered (MVC) or Identity Server Separated (Angular): yes
- Exception message and stack trace: UI issue
- Steps to reproduce the issue:"
Hi Team,
I am upgrading ABP to 7.2.2. Backend works well and UI as well.
The only issue is side menu layout is not styled correctly.
Please review the screenshot and suggest me how can I fix this and have correct css formatting
Here are the details for configuration.
app.module.ts ThemeLeptonXModule.forRoot(), SideMenuLayoutModule.forRoot(),
shared.module.ts imports:[ ThemeLeptonXModule ]
angular.json
{ "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/side-menu/layout-bundle.css", "inject": false, "bundleName": "layout-bundle" }, { "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/side-menu/layout-bundle.rtl.css", "inject": false, "bundleName": "layout-bundle.rtl" },
Thanks
5 Answer(s)
-
0
Hi,
Please follow the instructions to replace logo of LeptonX theme and change the side navigation menu layout. https://docs.abp.io/en/commercial/6.0/themes/lepton-x/angular
Markdown supported.Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post) -
0
Hi @Anjali_Musmade
I make progress with your suggestion
I use replaceable for overriding UI of side menu, Please see the menu items screenshot #1 **But when I switch to mobile UI then it is not overriding things, Its showing old default items. Please see screenshot #2 ** #1 ----------------------------
#2 ----------------------------
how can I override this as well ?
Markdown supported.Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post) -
0
Hello again, I apologize for the delay. Could you kindly confirm whether you use the same application for both web and mobile views or a different mobile app?
Markdown supported.Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post) -
0
Its same application I just override the side menu with eThemeLeptonXComponents.Routes but when I switch to mobile view its show the default view(which was original, before override) not the overridden view.
Markdown supported.Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post) -
0
Hi,
In Angular, the same menu is shown in both the web and mobile views if same application is used for both the views. However, if this problem persists, you might try denying Tenant and Host permissions.
Markdown supported.Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
