- 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)
-
0
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
-
0
Hi Team,
I'm using this already and its adding item on top not on bottom, please review screenshot
-
0
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.Settingscomponents. -
0
You can dowload the source code via cli.
abp get-source Volo.Abp.LeptonXTheme.Prorun 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
-
0
Thanks for update
-
0
can we close this ticket?
