Open Closed

How to add Footer Globally in Angular application #2515


User avatar
0
kaustubh.kale@ness.com created

ABP Framework version: v4.3.1
UI type: Angular
DB provider: EF Core
Tiered (MVC) or Identity Server Separated (Angular): no / yes
Exception message and stack trace: N.A
Steps to reproduce the issue:" N.A

Hi Team

We want to Add footer in our application globally.
How we can achieve this.

Like MenuBar stuck on TOP same as we want to add customized footer text and image down side of application in all components of angular.


1 Answer(s)
  • User Avatar
    0
    bunyamin created

    Hello,

    Our templates come with built-in a footer component which you can replace.

    Follow the instructions in this docs

    And for the component key, use the following:

    import { eThemeLeptonComponents } from '@volo/abp.ng.theme.lepton';
    
    eThemeLeptonComponents.ApplicationLayoutFooter
    
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
Do you need assistance from an ABP expert?
Schedule a Meeting
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v9.2.0-preview. Updated on March 25, 2025, 11:10