Open Closed

Get error with implement lpx-settings #9416


User avatar
0
sroman.acc created

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)
  • User Avatar
    0
    sumeyye.kurtulus created
    Support Team Angular Expert

    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!

  • User Avatar
    0
    sroman.acc created

    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 from angular/tsconfig.ts, i tried import SettingsModule in angular/src/app/app.module.ts but does nothing.

    i have also tried this but give me an error

  • User Avatar
    0
    sumeyye.kurtulus created
    Support Team Angular Expert

    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.

Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v10.0.0-preview. Updated on September 01, 2025, 08:37