Open Closed

[6.0.0-rc.3] Blazor Server UI. Toolbar Button Size #3649


User avatar
0
cellero created
  • ABP Framework version: v6.0.0-rc.3
  • UI type: Blazor Server

Please advise how to size Toolbar buttons. In the new LeptonX UI they are large and take up too much space. The Action button in the grid is a better size.

` protected virtual ValueTask SetToolbarItemsAsync() { Toolbar.AddButton(L["ExportToExcel"], async () =>{ await DownloadAsExcelAsync(); }, IconName.Download);

        Toolbar.AddButton(L["NewAnalysisAccountCode"], async () =>
        {
            await OpenCreateAnalysisAccountCodeModalAsync();
        }, IconName.Add, requiredPolicyName: ConcretePermissions.AnalysisAccountCodes.Create);

        return ValueTask.CompletedTask;
    }`

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

    Hi @cellero, we have an open issue about this topic and we'll reconsider the toolbar button size in the next releases. Thanks for giving feedback.


    Currently, to make the toolbar buttons smaller, you can write custom CSS like below;

    .lpx-content-toolbar button {
        font-size: 1rem !important;
        padding: 0.1rem 1rem !important;
    }
    
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
Do you need assistance from an ABP expert?
Schedule a Meeting
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v9.2.0-preview. Updated on March 20, 2025, 18:00