Open Closed

Angular: Customize Lepton theme footer #503


User avatar
1
paul.harriman created

Check the docs before asking a question: https://docs.abp.io/en/commercial/latest/ Check the samples, to see the basic tasks: https://docs.abp.io/en/commercial/latest/samples/index The exact solution to your question may have been answered before, please use the search on the homepage.

  • ABP Framework version: v3.1.2
  • UI type: Angular
  • Tiered (MVC) or Identity Server Seperated (Angular): yes / no
  • Exception message and stack trace:
  • Steps to reproduce the issue:

I want to customize the Lepton theme footer and add a drop down control. I've looked through the documentation and don't see a way to do this. I can create an angular directive and update the footer programatically, but I think this is fragile. Downloading and modifying the theme source also seems wrong. Replaceable modules doesn't look like it will help me. Any suggestions?


4 Answer(s)
  • User Avatar
    0
    alper created
    Support Team Director

    hi did you have a chance to look at https://docs.abp.io/en/abp/latest/UI/Angular/Component-Replacement

  • User Avatar
    1
    paul.harriman created

    Yes i did review this link, can you tell me what the replacement would be? Whatt would be replaced? The Lepton footer code in the theme looks like: <footer class="lp-footer"><span>2019 - {{ currentYear }} © {{ appInfoName }}</span></footer>The code you are referencing looks like this: this.replaceableComponents.add({ component: MyApplicationLayoutComponent, key: eThemeBasicComponents.ApplicationLayout, }); Are you saying I would need to replace the entire layout?

  • User Avatar
    0
    scott7106 created

    I have two additional notes on this issue.

    1. It looks like the footer is not a replaceable component. We would have to replace the entire layout to change the footer. This adds a lot of unnecessary work from my perspective. Please consider making the footer a replaceable component.

    2. The copyright information is showing the application name. However, copyright notices need to show the company name instead of the application name. The name of the company which would show here needs to be a localized string from the resource file of the project.

  • User Avatar
    0
    muhammedaltug created

    Hello paul, scot

    We have an issue for this case. Replacement of aplication layout sections with replacable components will availabe in version 4.0.0, paul, you can customize footer with replacing entire layout for now. scott, you can change application name in environment files. This property used only for copyright information in application layout and account layout components

Made with ❤️ on ABP v8.2.0-preview Updated on March 25, 2024, 15:11