We are following this articles to customise the sidebars - https://abp.io/docs/latest/framework/ui/angular/component-replacement?_redirected=B8ABF606AA1BDF5C629883DF1061649A#how-to-replace-a-layout https://github.com/abpio/abp-commercial-docs/blob/dev/en/themes/lepton-x/how-to-use-lepton-x-components-with-angular-custom-layout.md
Initially we used to do it in our previous projects and it was working completely fine. We were using app.module.ts (Traditional Module-Based Configuration).
With ABP studio new update -
we were using app.config.ts
(Standalone API-Based Configuration)
we are following the appraoch that we used to follow and the imports
import { LpxSideMenuLayoutModule } from '@volosoft/ngx-lepton-x/layouts'; import { LpxResponsiveModule } from '@volo/ngx-lepton-x.core';// optional. Only, if you are using lpxResponsive directive
these imports I am doing in app.config.ts
,
We are able to see the Customised Sidebars in the UI, but none of the leptonX components are visible in the UI.
like <lpx-navbar></lpx-navbar>, <lpx-footer></lpx-footer>
and all.