Blazor UI: Branding

IBrandingProvider

IBrandingProvider is a simple interface that is used to show the application name and logo on the layout.

The screenshot below shows MyProject as the application name:

branding-nobrand

You can implement the IBrandingProvider interface or inherit from the DefaultBrandingProvider to set the application name:

using Volo.Abp.DependencyInjection;
using Volo.Abp.Ui.Branding;

namespace MyCompanyName.MyProjectName.Blazor
{
    [Dependency(ReplaceServices = true)]
    public class MyProjectNameBrandingProvider : DefaultBrandingProvider
    {
        public override string AppName => "Book Store";
    }
}

Currently, setting the AppName is only applicable to the Basic Theme, it does not have any effect on the other official themes.

The result will be like shown below:

branding-appname

IBrandingProvider has the following properties:

  • AppName: The application name.
  • LogoUrl: A URL to show the application logo.
  • LogoReverseUrl: A URL to show the application logo on a reverse color theme (dark, for example).

Tip: IBrandingProvider is used in every page refresh. For a multi-tenant application, you can return a tenant specific application name to customize it per tenant.

Contributors


Last updated: September 12, 2023 Edit this page on GitHub

Was this page helpful?

Please make a selection.

To help us improve, please share your reason for the negative feedback in the field below.

Please enter a note.

Thank you for your valuable feedback!

Please note that although we cannot respond to feedback, our team will use your comments to improve the experience.

In this document
Community Talks

What’s New with .NET 9 & ABP 9?

21 Nov, 17:00
Online
Watch the Event
Mastering ABP Framework Book
Mastering ABP Framework

This book will help you gain a complete understanding of the framework and modern web application development techniques.

Learn More