How do you edit the base UI itself? For example, how do we access the code for the login page if we want to add things to that page? Or if we want to use our own spinner in the main layout?
We want to be able to edit the existing layout as it is. If that’s the best way to do it?? Can you run some command in the ABP CLI to extract the layout from the DLLs? The layout we're using is LeptonX SideMenu.
1 Answer(s)
-
0
Hi
If you're using the LeptonX SideMenu layout and want to customize things like the login page or the main layout (for example, changing the spinner), there are two main ways to do it:
1-) Override only what you need If the changes are small, you don’t need to replace the whole theme. You can just override specific layout or page files (like the login page) in your project by creating Razor files with the same path and name. ABP will use your version instead of the one from the theme or modules.
Here's how that works:
- https://abp.io/docs/latest/framework/ui/blazor/customization-overriding-components?UI=Blazor
Note: If you need the code of a specific page, you can download the source code and look at it, or if you tell me which page you need, I can forward it to you.
2-) Customize the full theme If you plan to make bigger changes on the theme or modules, you can download the LeptonX or related modules source code and fully customize it:
- https://abp.io/docs/latest/ui-themes/lepton-x#source-code
- https://abp.io/docs/latest/suite/source-code
