Ends in:
4 DAYS
9 HRS
54 MIN
51 SEC
Ends in:
4 D
9 H
54 M
51 S
Open Closed

Change Layout of Lepton X theme #6644


User avatar
0
aalgrou created

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

    Hello,

    Have you check this documentation https://docs.abp.io/en/commercial/latest/themes/lepton-x/angular-customization please check if it helps you.

Made with ❤️ on ABP v9.1.0-preview. Updated on December 02, 2024, 12:35