Starts in:
0 DAY
22 HRS
2 MIN
25 SEC
Starts in:
0 D
22 H
2 M
25 S

ASP.NET Core MVC / Razor Pages: 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.Ui.Branding;
using Volo.Abp.DependencyInjection;

namespace MyProject.Web
{
    [Dependency(ReplaceServices = true)]
    public class MyProjectBrandingProvider : DefaultBrandingProvider
    {
        public override string AppName => "Book Store";

        public override string LogoUrl => "/logo.png";
    }
}

The result will be like shown below:

bookstore-added-logo

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.

Overriding the Branding Area

You can see the UI Customization Guide to learn how you can replace the branding area with a custom view component.

Contributors


Last updated: October 03, 2024 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