Open Closed

Logo component replacement #4813

User avatar
0
pablo@ccalp.net created
  • ABP Framework version: v7.0
  • UI type: Angular
  • DB provider: EF Core

Trying to replace the logo component using the ReplaceableComponentsService but not working, don't see any change. Replacing other components work fine.

Markdown supported.
Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
Go to accepted answer
9 Answer(s)
  • User Avatar
    0
    mahmut.gundogdu created

    What is your template ? lepton ? lepton-x ?

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    pablo@ccalp.net created

    lepton-x

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    pablo@ccalp.net created

    Any updates on this issue?

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    mahmut.gundogdu created

    When you are using lepton x, logo change with css. You may check the documentation.
    https://docs.abp.io/en/commercial/latest/themes/lepton-x/angular#leptonx-angular-ui did you tried that?

    :root {
  .lpx-theme-dark {
    --lpx-logo: url('/assets/images/logo/logo-light.svg');
    --lpx-logo-icon: url('/assets/images/logo/logo-light-icon.svg');
    --lpx-brand: #edae53;
  }

  .lpx-theme-dim {
    --lpx-logo: url('/assets/images/logo/logo-light.svg');
    --lpx-logo-icon: url('/assets/images/logo/logo-light-icon.svg');
    --lpx-brand: #f15835;
  }

  .lpx-theme-light {
    --lpx-logo: url('/assets/images/logo/logo-dark.svg');
    --lpx-logo-icon: url('/assets/images/logo/logo-dark-icon.svg');
    --lpx-brand: #69aada;
  }
}
    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    pablo@ccalp.net created

    Yes, but I don't just need to change the image, I would like to replace the component. I need to display the Tenant information in that area. Your documentation says it can be done.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    pablo@ccalp.net created

    Any update on this issue? I need to get this resolved ASAP.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    pablo@ccalp.net created

    It's been almost 10 days for what should be a simple answer, please let me know if your documentation is incorrect and if this can not be done or provide a workaround to replace the Logo component.

    Thank you,

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    masum.ulu created
    Angular Expert

    Hi pablo sorry for return late,

    It looks like a bug inside of application-layout-component we created an issue for this It'll fixed at next version of lepton-x theme

    Best regards

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    pablo@ccalp.net created

    When is the next version going to be released? Please update my support incident allowance since this is a bug. Thank you.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
Assignee
User avatar masum.ulu
Labels
ui-angular
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 v10.8.0-preview. Updated on October 05, 2026, 11:32
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.