nebular | Customizable Angular UI Library based on Eva Design System | Command Line Interface library
kandi X-RAY | nebular Summary
kandi X-RAY | nebular Summary
Documentation | Stackblitz Template | UI Bakery - Angular UI Builder | Angular templates. Nebular is a customizable Angular 10 UI Library with a focus on beautiful design and ability to adapt it to your brand easily. It comes with 4 stunning visual themes, a powerful theming engine with runtime theme switching and support of custom css properties mode. Nebular is based on Eva Design System specifications.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of nebular
nebular Key Features
nebular Examples and Code Snippets
Community Discussions
Trending Discussions on nebular
QUESTION
I'm trying to integrate keycloak-angular in my angular application. The authentication flow works well, however when I make a request to my django api I get a 403. The HTTP_AUTHORIZATION header is missing and I don't understand why. When I hardcoded a header in my http service it worked.
This is the library:
This is my keycloak config
...ANSWER
Answered 2022-Mar-30 at 09:08Seems you’re missing a configuration line, take a look at https://www.npmjs.com/package/keycloak-angular#httpclient-interceptor. enableBearerInterceptor: true which will add the interceptor for you.
I don’t know if you even need that line because it’s active by default.
Another issue could be that (would need some insight into the code , but this is purely on speculation) if the token was not added in module/submodules where HttpClient requests were made then it would not been adding the token in http call.
QUESTION
I want to use an custom icon in my Angular/Nebular project as a nb-action button
I wantI want to use an custom icon in my Angular/Nebular project like this:
...ANSWER
Answered 2022-Mar-26 at 12:53I got the desired behavior by adding my icon to a preexisting and preconfigured icon pack that is available in nebular. Here is my code:
QUESTION
Basically the same thing as https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_ev_onkeyup
But I am getting this error for some reason.
HTML
...ANSWER
Answered 2022-Mar-25 at 18:47your code seems to work fine here. What's the problem?
QUESTION
After upgrading to Angular 13 I'm having issues with auth mechanism. I'm using Nebular Auth over Firebase authentication with Azure. Currently on page load I'm getting this error:
...ANSWER
Answered 2022-Feb-09 at 09:45It 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.
QUESTION
I'd like to know if there's anyway I'm able to customize the scss/html template of a Nebular Stepper component. I found out that you can customize some of the scss using Nebular Custom theming but I need to change things that don't have theme variables, like the Stepper Header (Completed step icon, number appearance.. etc) and Stepper connector (Appearance, size.. etc)..
I'm somewhat new to angular/nebular components, so I don't know how to customize the scss/html template of pre-made components, can anyone give me a hand?
...ANSWER
Answered 2022-Jan-19 at 14:38A 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:
.nb-theme-corporate nb-stepper .header .step.selected .label-index
This is for updating border/background colors for selected step
.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
QUESTION
As the Title says i'm currently struggeling with the Nebular Dialog in Angular. It is centered by default and i want it to be aligned straight to the right of my screen.
What i tried so far after googling quite a while is to call the dialog in my component.ts
like so:
ANSWER
Answered 2022-Jan-12 at 10:37Ok 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
QUESTION
I am working a angular 11 project.
I got this error when submit the form.
ERROR TypeError: Cannot read property 'reset' of undefined at SafeSubscriber.settingsService.create.subscribe.loading [as _next]
MyComponent.ts
...ANSWER
Answered 2021-Oct-23 at 05:57Looks 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?
QUESTION
I followed this guide to set up swiper slider in my Angular 8 application.
I get the below error when importing NgxUsefulSwiperModule into app.module.ts
ERROR in ./node_modules/ngx-useful-swiper/fesm2015/ngx-useful-swiper.js Module not found: Error: Can't resolve 'swiper/bundle' in 'C:\Users\Dan\NewAngular\node_modules\ngx-useful-swiper\fesm2015'
I tried deleting the node_modules folder and reinstalling everything but it fails every time.
Can someone please tell me what I'm doing wrong?
This is my package.json file
...ANSWER
Answered 2021-Oct-14 at 06:37Looks 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
QUESTION
When i installed the nebular theme, I got an error about the angular material modals that i used. I use nebular only for the authentication page. The error is ERROR TypeError: Cannot read properties of undefined (reading 'appendChild') What can i do to solve this?
...ANSWER
Answered 2021-Sep-28 at 16:19Nebular 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
QUESTION
I want to open reset password component on click of a button but unfortunately i am getting Error: [ShowHideStatusDirective -> ShowHideService]: NullInjectorError: No provider for ShowHideService! . I am new to angular can anyone help me out yrr, i have shared error image too. How can i solve it programatically? Thanks in advance.
...ANSWER
Answered 2021-Aug-25 at 08:21The 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.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install nebular
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page