Open Closed

Menu Placement in lepthon lite x #3498


User avatar
0
alirezalightcity@gmail.com created

hello, i am trying to change my menu placement from top to left in lepthon x lite theme, but i dont see any options to do that? how is it possbile?

  • ABP Framework version: v5.3.3
  • UI type: Blazor Wasm
  • DB provider: EF Core
  • Tiered (MVC) or Identity Server Separated (Angular): no
Markdown supported.
Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

9 Answer(s)
  • User Avatar
    0
    EngincanV created
    Support Team .NET Developer

    hello, i am trying to change my menu placement from top to left in lepthon x lite theme, but i dont see any options to do that? how is it possbile?

    Hi, I guess you meant the top menu layout, right?


    We've implemented the top menu layout for Blazor and it'll be available with the new LeptonX release (1.0.0-rc.2 or 1.0.0). You will only need to configure the LeptonXThemeBlazorOptions as follows:

    Configure<LeptonXThemeBlazorOptions>(options =>
    {
        options.Layout = LeptonXBlazorLayouts.TopMenu;
    });
    
    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    alirezalightcity@gmail.com created

    when will be new version available?

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    EngincanV created
    Support Team .NET Developer

    when will be new version available?

    I can't give you an exact date for release, because it's not decided yet. But I've taken note to inform you when it's released.

    Best Regards.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    EngincanV created
    Support Team .NET Developer

    when will be new version available?

    Hi, v1.0.0-rc.2 has been released for LeptonX. You can update the package version and use the top menu.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    alirezalightcity@gmail.com created

    is there a blog post which includes new features of this update?

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    alirezalightcity@gmail.com created

    i have updated to this version but still this code

    Configure<LeptonXThemeBlazorOptions>(options => { options.Layout = LeptonXBlazorLayouts.TopMenu; });

    does not work and does not show namespces to add

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    EngincanV created
    Support Team .NET Developer

    i have updated to this version but still this code

    Configure<LeptonXThemeBlazorOptions>(options => { options.Layout = LeptonXBlazorLayouts.TopMenu; });

    does not work and does not show namespces to add

    Please, ensure you are configuring the LeptonXThemeBlazorOptions in the Blazor project and also restore the project.

    Namespace should be Volo.Abp.AspNetCore.Components.Web.LeptonXTheme;

    After these configurations, you can run the abp bundle command under the blazor project directory and then top menu should be seen.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    alirezalightcity@gmail.com created

    using Volo.Abp.AspNetCore.Components.WebAssembly.LeptonXLiteTheme; using Volo.Abp.AspNetCore.Components.Web.LeptonXLiteTheme.Themes.LeptonXLite;

    dotnet add package Volo.Abp.AspNetCore.Components.WebAssembly.LeptonXLiteTheme --prerelease this is dot net cli code for adding LeptonXLiteTheme in abp framework

    i only have these 2 namespces your solution only applies on lepthon x commercial version please give me a solution for lepthon x lite version for abp framework

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    EngincanV created
    Support Team .NET Developer

    using Volo.Abp.AspNetCore.Components.WebAssembly.LeptonXLiteTheme; using Volo.Abp.AspNetCore.Components.Web.LeptonXLiteTheme.Themes.LeptonXLite;

    dotnet add package Volo.Abp.AspNetCore.Components.WebAssembly.LeptonXLiteTheme --prerelease this is dot net cli code for adding LeptonXLiteTheme in abp framework

    i only have these 2 namespces your solution only applies on lepthon x commercial version please give me a solution for lepthon x lite version for abp framework

    LeptonX Lite does not have the top menu option. The top menu is only available for the ABP Commercial customers, so if you want to use the top menu, you need to switch to the LeptonX theme.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v10.8.0-preview. Updated on September 16, 2026, 14:50
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.