Check the docs before asking a question: https://docs.abp.io/en/commercial/latest/ Check the samples, to see the basic tasks: https://docs.abp.io/en/commercial/latest/samples/index The exact solution to your question may have been answered before, please use the search on the homepage.
- ABP Framework version: v3.2.1
- UI type: Angular
- Tiered (MVC) or Identity Server Seperated (Angular): Tiered
- Exception message and stack trace: N/A
- Steps to reproduce the issue:
How can I add a custom theme to an ABP app using Angular UI?
5 Answer(s)
-
0
Hi @arnanozak.
No, I'd like to integrate another theme. The specific theme is not really important, it might be a custom theme or something bought from Theme Forrest (or similar). How do I include CSS and JS for another theme and how to I alter the HTML structure of the various components as needed by the theme.
Another way of thinking about it is how do I build an alternative to the Lepton theme?
Thanks
Markdown supported.Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post) -
0
Hi,
You cannot alter the HTML structure of built-in components, but they are Bootstrap compliant. There is nothing specific to Lepton theme in the HTML.
In addition, a limited number of components are replaceable: https://docs.abp.io/en/abp/latest/UI/Angular/Component-Replacement
Including CSS and JS files is described here: https://angular.io/guide/workspace-config#style-script-config
Please let me know if this answers your question.
Markdown supported.Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post) -
0
So we cannot change the behavoiur/location of menu e.g If we want to move the meu from top to left in community version of abp?
Markdown supported.Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
