We need to implement a sidebar which is different to the one provided by Leton that include dual menus. Can we replace the sidebar.? Futher to this can we do the same to the TopBar. For example, we want to place a glabal search in the top bar?
8 Answer(s)
-
0
See https://docs.abp.io/en/abp/latest/Customizing-Application-Modules-Overriding-User-Interface for more information.
-
0
Looks promising. I can't find the ApplicationLayoutComponent. I am assuming that if I could I would just be able to change that. Consequently so I don't have an example to know how to write this component and link it to the rest of the app, etc? Are you ableto provide an example or the source of the ApplicationLayoutComponent.
-
0
FYI I am using Angular
-
0
Hi,
See the component replacement document. The layout replacement has been documented.
You can import
eThemeLeptonComponentsenum from @abp/ng.theme.lepton as shown below:import { ..., AddReplaceableComponent } from '@abp/ng.core'; // imported AddReplaceableComponent import { eThemeLeptonComponents } from '@abp/ng.theme.lepton'; // imported eThemeLeptonComponents enum for component keys import { Store } from '@ngxs/store'; // imported Store //... export class AppComponent { constructor(..., private store: Store) {} // injected Store ngOnInit() { // added below content this.store.dispatch( new AddReplaceableComponent({ component: YourApplicationComponent, key: eThemeBasicComponents.ApplicationLayout, }), ); //... } } -
0
Sorry Mehmet. Thank you for the above. However I don't think I have explained well enough. What I am looking for a simple exmaple of the Angular template I need to write. In asp. In ABP Zero the the sidebar and top bar componets were available and easy to customise. In Abp IO they are "hidden". Why is this the case? Do I need to buy a higher license?
Anyway, are you able to provide simple example of the Angular template I need to write
-
0
We are working on customization, so that you can replace these components easier (next version). You can uprade to Business plan, and access to the source code of the Angular and backend source-code. So you can easily change every part of it.
-
0
The Busines Plan in way above my pay grade. What's the eta on the next version?
-
0
tuesday 05-05-2020
