I am currently working on customizing the layout of Lepton-x in Angular, and I require some assistance to achieve the desired layout. Below are the specifications for the layout modification:
Top Header:
Logo: Positioned on the left-hand side. Search Bar: Located in the center of the header. Language Setting: Positioned on the right-hand side of the header. Profile Picture: Also located on the right-hand side, next to the language setting. Left Side Menu:
Expandable Menu: The left side menu should be expandable/collapsible. Contains Main Menu Items: The menu should contain primary menu items. Sub Menu: Sub-menus should be displayed when a main menu item is clicked.
If possible, I would greatly appreciate any guidance, resources, or code snippets that could assist me in implementing this layout within the Lepton-x framework in Angular. I followed a video on youtube how to customize the theme but I didn't work with me. also I downloaded the source code of the theme, but I didn't find where or who to change the layout.
- ABP Framework version: v8
- UI Type: Angular
- Database System: EF Core (SQL Server)
- Tiered (for MVC) or Auth Server Separated (for Angular): no
1 Answer(s)
-
0
Hello,
Have you check this documentation https://docs.abp.io/en/commercial/latest/themes/lepton-x/angular-customization please check if it helps you.
