Open Closed

LeptonX: Bugs when using TopMenu layout #3707


User avatar
0
ageiter created
  • ABP Framework version: v6.0.0-rc.4
  • UI type: Blazor
  • DB provider: EF Core
  • Tiered (MVC) or Identity Server Separated (Angular): no

I've grouped several questions (and bugs) together here, as they all have to do with the LeptonX theme with TopMenu layout.


  • 1. Question about BundleAndMinify:" I would like to use the LeptonX layout with TopMenu. I was able to configure this with the answer of EngincanV here. Is the BundleAndMinify in appsettings still necessary? It worked for me without that....

  • 2. Bug with removing styles:" I don't want the user to be able to select a different style (appearance). Therefore I remove all but the DefaultStyle. But "System" is still displayed.
    private void ConfigureTheme()
    {
        Configure<LeptonXThemeBlazorOptions>(options =>
        {
            options.Layout = LeptonXBlazorLayouts.TopMenu;
        });

        Configure<LeptonXThemeOptions>(options =>
        {
            options.DefaultStyle = LeptonXStyleNames.Light;
            
            // Remove unused styles
            options.Styles.Remove(LeptonXStyleNames.System);
            options.Styles.Remove(LeptonXStyleNames.Dim);
            options.Styles.Remove(LeptonXStyleNames.Dark);
        });
    }

If I remove all styles, then only the DefaultStyle appears. That would be a workaround... options.Styles.Clear();

And it would be nice if the menu item would be automatically hidden when there is only one option.


  • 3. Hide some setting items from toolbar:" It would be cool if we could hide certain settings (Appearance, General Settings, Container Width, Language) via the options. This is a little feature request from me :-)

  • 4. Breadcrumbs are far left:" It seems to display a boxed layout when using the TopMenu layout. But the breadcrumbs are displayed on the far left and not below the logo. The "Full Width" layout is not supported, right? Will this be implemented later?

  • 5. Bug: After login the profile menu opens automatically:" When you are logged in, the profile menu (user context menu) opens automatically.

  • 6. Languages button shows wrong cursor:" Would be nice to show an arrow or hand pointer at the language button in the menu (EN, DE, ...) instead of a text pointer.

  • 7. Removing of linked accounts:" How can I remove "Linked Accounts" from the user context menu?

I hope to have contributed to an even better theme :-)

Thanks, Adrian


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

    Hi @ageiter, I've created a test issue (internal - #11909) for this problem, after the test process I'll write you back and let you know.

  • User Avatar
    0
    ageiter created

    I have a solution for number 4. I have implemented the boxed layout with the following CSS:

    .lpx-topbar-container, .lpx-content-container {
        margin: 0 auto;
        max-width: 1280px;
    }
    

    8. Footer height is too big: I have discovered another new problem. The footer height is way too big (is calculated wrong). Probably the style is good for a blank / small page. But if there is content on the page, the footer becomes huge. The problem here is the min-height:

    .lpx-content-container .lpx-content {
        max-width: 1280px;
        min-height: calc(100vh - 192px);
        margin: 0 auto;
    }
    

  • User Avatar
    0
    EngincanV created
    Support Team .NET Developer

    I have a solution for number 4. I have implemented the boxed layout with the following CSS:

    .lpx-topbar-container, .lpx-content-container { 
        margin: 0 auto; 
        max-width: 1280px; 
    } 
    

    8. Footer height is too big: I have discovered another new problem. The footer height is way too big (is calculated wrong). Probably the style is good for a blank / small page. But if there is content on the page, the footer becomes huge. The problem here is the min-height:

    .lpx-content-container .lpx-content { 
        max-width: 1280px; 
        min-height: calc(100vh - 192px); 
        margin: 0 auto; 
    } 
    

    Thanks 🙏, I'll share your comments with the team.

  • User Avatar
    0
    gizem.kurt created
    Support Team QA Test Engineer

    I was able to reproduce error 2. An issue has also been created for this. Wait for the solution. I could not repeat the mistake in item 5. Please try again and elaborate on the issue in case the error persists.

  • User Avatar
    0
    ageiter created

    Thanks for the feedback about issue 2. Since these issues are probably not public, will you let me know when it is resolved?

    About issue 5: I have now created a new app with Abp Suite, taking the latest template (Blazor Server 6.0.0-rc.4). Changed the layout to TopMenu and started. The problem is there from the beginning.

    You can also press F5, each time the user menu will open automatically.

  • User Avatar
    0
    gizem.kurt created
    Support Team QA Test Engineer

    Thank you for the detail. I produced the error. Issue has been created. The problems will be fixed with the stable version.

  • User Avatar
    0
    ageiter created

    Ou... I just found something else related to the TopMenu.

    9. TopMenu layout is not consistently applied everywhere: When you go to "My Account" or "Security Logs", the view changes to the SideMenu layout.

  • User Avatar
    2
    enisn created
    Support Team .NET Developer

    We have figured out the problem, prioritized and solved it. It'll be included in the next LeptonX release. Thanks for your patience.

  • User Avatar
    0
    enisn created
    Support Team .NET Developer

    Ou... I just found something else related to the TopMenu.

    9. TopMenu layout is not consistently applied everywhere: When you go to "My Account" or "Security Logs", the view changes to the SideMenu layout.

    In this case; Account & Security logs pages are on AuthServer project which is an different MVC project. You have to configure your AuthServer as TopMenu too.

  • User Avatar
    0
    ageiter created

    In this case; Account & Security logs pages are on AuthServer project which is an different MVC project. You have to configure your AuthServer as TopMenu too.

    How can I do that? Where do I have to configure this?

  • User Avatar
    0
    enisn created
    Support Team .NET Developer

    Go to you .AtuhServer or .HttpApi.Host project and find Module class of that project.

    • Configure that project's layout in ConfigureServices method:
      Configure<LeptonXThemeMvcOptions>(options =>
      {
          options.ApplicationLayout = LeptonXMvcLayouts.TopMenu;
      });
      
  • User Avatar
    0
    ageiter created

    Go to you .AtuhServer or .HttpApi.Host project and find Module class of that project.

    • Configure that project's layout in ConfigureServices method:
      Configure<LeptonXThemeMvcOptions>(options => 
      { 
          options.ApplicationLayout = LeptonXMvcLayouts.TopMenu; 
      }); 
      

    I do not have these projects in the Blazor Server non-tiered solution. But I suppose I have to do this in the .HttpApi project.

  • User Avatar
    1
    enisn created
    Support Team .NET Developer

    Go to you .AtuhServer or .HttpApi.Host project and find Module class of that project.

    • Configure that project's layout in ConfigureServices method:
      Configure<LeptonXThemeMvcOptions>(options =>  
      {  
          options.ApplicationLayout = LeptonXMvcLayouts.TopMenu;  
      });  
      

    I do not have these projects in the Blazor Server non-tiered solution. But I suppose I have to do this in the .HttpApi project.

    Oh, sorry I missed that you're using Blazor-Server single project. So, you should make that MVC configuration in your Blazor.Server project module file.

  • User Avatar
    0
    ageiter created

    Oh, sorry I missed that you're using Blazor-Server single project. So, you should make that MVC configuration in your Blazor.Server project module file.

    Thanks, I should have figured it out myself... works!

    The breadcrumb are unfortunately not displayed there. But it's not a problem for me at the moment.

  • User Avatar
    0
    enisn created
    Support Team .NET Developer

    Ok, we'll investigate the breadcrumb issue.

  • User Avatar
    0
    ServiceBot created
    Support Team Automatic process manager

    This question has been automatically marked as stale because it has not had recent activity.

  • User Avatar
    0
    ageiter created

    Unfortunately, I can no longer reply here because the ticket is locked. But you said that you will get in touch when the individual points are done. Unfortunately I have not heard anything more about 8 of 9 points. Are certain things already fixed or planned for when? Currently I have version 6.0.1.

  • User Avatar
    0
    EngincanV created
    Support Team .NET Developer

    Unfortunately, I can no longer reply here because the ticket is locked. But you said that you will get in touch when the individual points are done. Unfortunately I have not heard anything more about 8 of 9 points.

    Hi, sorry for the ticket is locked. We have a support bot and it closes & locks a question if there is not any recent activity on the question.

    Are certain things already fixed or planned for when? Currently I have version 6.0.1.

    There are still some problems with the TopMenu layout. We created an internal issue (#945) for these problems and will fix it asap.

Made with ❤️ on ABP v9.1.0-preview. Updated on December 12, 2024, 07:15