Open Closed

LeptonX side menu layout issue #5348


User avatar
0
bhasinp created
  • 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)
  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    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

  • User Avatar
    0
    bhasinp created

    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 ?

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    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?

  • User Avatar
    0
    bhasinp created

    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.

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    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.

Made with ❤️ on ABP v9.1.0-preview. Updated on December 10, 2024, 06:38