Hello.
I'm using the lpx-settings
component that comes in the volosoft-ngx-lepton-x
package. I simply need to add something to the appearance section. I want the functionality to remain the same as the original, so I'm replacing eThemeLeptonXComponents.Settings
with the lpx-settings
source code. In theory, it should work the same, but I'm getting a dependency injection error. This is because settings.module.ts requires an option.settingsService. However, I don't want to replace SettingsServices. That would require me to redo the logic you already have. My question is: how can I implement lpx-settings without having to reinvent the wheel? I want the original functionality, but I need to be able to add other things to lpx-settings.
3 Answer(s)
-
0
Hello! Directly overriding the overlay content isn’t possible. However, I recommend adding the source code to your project so you can handle the replacement that way.
You can use the following command:
abp add-package @volosoft/ngx-lepton-x --with-source-code
Feel free to reach out if you need any further help!
-
0
The project is running, but it doesn't seem to be using the added package. Should I do something else? So far, I have
angular/projects/volosoft-ngx-lepton-x/*
, but it's not using it.i extends
angular/projects/volosoft-ngx-lepton-x/tsconfig.ts
fromangular/tsconfig.ts
, i tried import SettingsModule inangular/src/app/app.module.ts
but does nothing. -
0
Hello again, and apologies for the delayed response.
Thank you for the additional details—this helps clarify the situation. As previously mentioned, it is not possible to override the settings overlay directly, as it is intended to be replaced in its entirety by design. However, reviewing the source code may still be beneficial if you plan to implement a custom overlay solution.
Please feel free to reach out if you need further assistance or guidance.