Open Closed

How can I customize the MainHeaderToolbarUserMenu razor page #6334


User avatar
0
mdk_s73 created
  • ABP Framework version: v7.4
  • UI Type: Blazor Server
  • Database System: EF Core (SQL Server, Oracle, MySQL, PostgreSQL, etc..) / MongoDB
  • Tiered (for MVC) or Auth Server Separated (for Angular): yes/no
  • Exception message and full stack trace:
  • Steps to reproduce the issue:

I need to change the UI of the MainHeaderToolbarUserMenu but cant find any documentation on how to do this. Please can you explain how I can do this.


2 Answer(s)
  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    Try:

    MyMainHeaderToolbarUserMenu.razor

    @using Volo.Abp.AspNetCore.Components.MauiBlazor.LeptonXTheme.Components.ApplicationLayout.SideMenu.MainHeader
    @using Volo.Abp.DependencyInjection
    
    @inherits MainHeaderToolbarUserMenu
    @attribute [ExposeServices(typeof(MainHeaderToolbarUserMenu))]
    @attribute [Dependency(ReplaceServices = true)]
    
    My Custom Page
    

    MyMainHeaderToolbarUserMenu.razor.cs

    using Volo.Abp.AspNetCore.Components.MauiBlazor.LeptonXTheme.Components.ApplicationLayout.SideMenu.MainHeader;
    using Volo.Abp.DependencyInjection;
    
    [ExposeServices(typeof(MyMainHeaderToolbarUserMenu))]
    [Dependency(ReplaceServices = true)]
    public partial class MyMainHeaderToolbarUserMenu
    {
    }
    
  • User Avatar
    0
    mdk_s73 created

    Thank you.

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 v9.3.0-preview. Updated on May 21, 2025, 13:37