The logo and reverse-logo can not be replaced automatically in Blazor Server Application? #4215 | Support

zhongfang created 2 years ago

ABP Framework version: v6.0.1
UI type: Blazor
DB provider: EF Core
Tiered (MVC) or Identity Server Separated (Angular): no
Exception message and stack trace:

the logo image is the default value: /images/logo/logo-light.png

Steps to reproduce the issue:"

Set the LogoUrl in BrandingProvier class

private string _logoUrl;

    public override string LogoUrl
    {
        get
        {
            if (string.IsNullOrEmpty(this._logoUrl))
            {
                this._logoUrl = "/images/logo/zimuceping.png";
            }

            return this._logoUrl;
        }
    }

    private string _logoReverseUrl;

    public override string LogoReverseUrl 
    {
        get
        {
            if (string.IsNullOrEmpty(this._logoReverseUrl))
            {
                this._logoReverseUrl = "/images/logo/zimuceping.png";
            }

            return this._logoReverseUrl;
        }
    }

The logo displayed correctly in Login Page
The logo is not displayed in my own blazor pages.

3 Answer(s)

zhongfang created 2 years ago

I noticed that the below style code at head area within MVC pages. But can't find below code at head area within Blazor pages.

&lt;style&gt;
            :root {
                --logo: url(/images/logo/zimuceping.png) !important;
                --logo-reverse: url(/images/logo/zimuceping.png) !important;
            }
        &lt;/style&gt;

0

enisn created 2 years ago
Support Team .NET Developer

You can place the css code into both wwwroot/global-styles.css and blazor-global-styles.css files at the same time. On the blazor-server you need to override both blazor & razor pages
0

zhongfang created 2 years ago

After I replaced Lepton with LeptonX, I can resolve the problem follow abp document.

Have an answer to this question? Log in and write your answer.