Open Closed

How to add a new option in Bottom Right Menu Items i.e. General Settings #6181


User avatar
0
bhasinp created
  • ABP Framework version: v7.2.2
  • UI Type: Angular
  • Database System: EF Core (SQL Server)
  • Tiered (for MVC) or Auth Server Separated (for Angular): yes
  • Exception message and full stack trace:
  • Steps to reproduce the issue:

Hi Team, I want to add an additional option on top off General Settings, Please review the screenshot. Please let me know how can I achieve this without overriding the whole UI of eThemeLeptonXComponents.Settings

I found this article but its overriding the whole UI which I don't want to https://docs.abp.io/en/commercial/latest/themes/lepton-x/angular ///... this.replaceableComponents.add({ component: YourNewGeneralSettingsComponent, key: eThemeLeptonXComponents.Settings, }); ///...

Markdown supported.
Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

6 Answer(s)
  • User Avatar
    0
    Anjali_Musmade created
    Support Team Member

    Hi bhasinp,

    Please have a look at this link: https://docs.abp.io/en/abp/latest/UI/Angular/Modifying-the-Menu#how-to-add-an-element-to-right-part-of-the-menu

    Thanks, Anjali

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

    Hi Team,

    I'm using this already and its adding item on top not on bottom, please review screenshot

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

    At the top side there is Navigation Items for which we can add with the help of NavItemsService. At the bottom there is settings menu for now we don't have any function to add items to settings menu. So can you please use overriding eThemeLeptonXComponents.Settings components.

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

    You can dowload the source code via cli. abp get-source Volo.Abp.LeptonXTheme.Pro run the code on your terminal (abp cli must be pre-installed)

    If you want to remove a component, you may use replace-component system. (replace with empty component) there is replaceable key for almost all component you can check the docs https://docs.abp.io/en/abp/latest/UI/Angular/Component-Replacement

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

    Thanks for update

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

    can we close this ticket?

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
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 September 28, 2026, 11:44
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.