nebular

I got the desired behavior by adding my icon to a preexisting and preconfigured icon pack that is available in nebular. Here is my code:

your code seems to work fine here. What's the problem?

It turned out that the problem was with the unnecessary and incorrect config of typescript. In tsconfig.json paths I had this line tslib" : ["node_modules/tslib/tslib.d.ts"] and that prevented proper helper resolution from tslib. Removal of this setting, which I found is no longer needed resolved the problem.

A better approach is to create your own theming in nebular instead of changing individual elements according to your need, but there is a way to achieve what you're trying as well.

To do that you'll need to find the classes related to the stepper, and then apply your styling in your global styling files

NOT in the component styling. That won't work as nebular has global styling set up and it will override your styling, even if you use !important

You can use the following classes for updating the stepper:

1. .nb-theme-corporate nb-stepper .header .step.selected .label-index

   This is for updating border/background colors for selected step

2. .nb-theme-corporate nb-stepper .header .step.selected

   This is for changing font styling for selected step

For all other steps, you just need to remove .step.selected and it will be applied

Ok i finally found out myself... I'm really not a friend of jquery but in this case it seems to be the only chance to get this done (until a parent selector will be added to css)...

With this the stick-right class will be added to the div element with class cdk-global-overlay-wrapper

Looks like is not rendered when you are trying to call reset(). So, this.settingFormStepper is undefined. Could you provide the whole HTML template? Or, do you have any *ngIf out of wrapping it?

Looks like ngx-useful-swiper is not compatible with the latest version of swiper.

The error clearly states that ngx-useful-swiper is trying to access a file that's not available in the swiper package you just installed.

Try installing a different version of swiper slider.

Follow these steps:

1) Uninstall the current swiper

Nebular automatically inject a new implementation for Overlay container, so when you use any popup that use angular cdk overlay, it will fail unless the Nebular Overlay Container can find its element, my guess is that element is nebular layout component, so basically you can't use any dialog outside nebular layout, one solution you can have is implementing your own Overlay Container and provide it within the modules that have mat dialog usage. something like this

The error is very self-explanatory - you're missing a provider for the ShowHideService which is injected into your ShowHideStatusDirective.

Note that MatDialog service is, if I remember correctly, injected in the root of the application and uses a scoped factory to create components. This means that if you want your ResetPassword component to use the ShowHideStatusDirective, the ShowHideService needs to be provided either in the root of your application or in your ResetPassword component directly.

It's hard to say more based on the code you provided, but the above information should be enough for you to fix the issue.

You can read more on DI in the official docs.