Starts in:
1 DAY
22 HRS
50 MIN
20 SEC
Starts in:
1 D
22 H
50 M
20 S
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, }); ///...


6 Answer(s)
  • User Avatar
    0
    Anjali_Musmade created
    Support Team 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

  • User Avatar
    0
    bhasinp created

    Hi Team,

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

  • User Avatar
    0
    Anjali_Musmade created
    Support Team 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.

  • User Avatar
    0
    Anjali_Musmade created
    Support Team 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

  • User Avatar
    0
    bhasinp created

    Thanks for update

  • User Avatar
    0
    alper created
    Support Team Director

    can we close this ticket?

Made with ❤️ on ABP v9.1.0-preview. Updated on November 20, 2024, 13:06