Hello, We are creating a new solution using ABP with Angular, and when choosing between the different menu options, we noticed that there is an option to have both menus on the side (navigation on the left and tool bar on the right) or both of them on at the top. Would it be possible to configure it to have the tool bar at the top and the navigation on the left? A mixture of both current options. We looked in the documentation but could not find out if this was an available option. Could you tell us if this is possible only with configuration without having to create custom components? Like the old Lepton (non X) them had. Example: https://v1.leptontheme.com/Layouts/Application/Dashboard/Dashboard
If this can't be done, can the tool bar (on the right) be hidden or more minimized?
Thank you, Regards.-
1 Answer(s)
-
0
To achieve a layout in LeptonX Angular where the main navigation menu is on the left and the toolbar is at the top (similar to the old Lepton theme), this is not currently supported purely by configuration. The LeptonX theme provides two main layout options out of the box:
- Side menu: Both navigation and toolbar are on the left.
- Top menu: Both navigation and toolbar are at the top.
There is no built-in configuration to mix these layouts (navigation left, toolbar top) as you described. This has been confirmed in official support responses: users wanting this layout must implement a custom layout component and use Angular's component replacement system.
If you want to hide or minimize the toolbar, you can customize or replace the toolbar component using ABP's component replacement feature. This allows you to either hide, minimize, or redesign the toolbar as needed.
For more information on customizing or replacing components in ABP Angular UI, refer to the official documentation below.
Sources:
- Component Replacement: https://docs.abp.io/en/abp/latest/UI/Angular/Component-Replacement
- Theme Configuration: https://abp.io/docs/latest/framework/ui/angular/theme-configurations
- Official support answer: https://abp.io/support/questions/3746
- How to switch between side-menu and top-menu: https://abp.io/support/questions/5558
This response was generated by AI. If it didn’t solve your problem, feel free to post a new answer — our support team will jump in to help you soon.