Telerik Forums
Kendo UI for Angular Forum
1 answer
95 views

I am getting SassError while importing kendo-theme-bootstrap. I am trying with: 

@import '../../../../../node_modules/@progress/kendo-theme-bootstrap/scss/grid/index';

 

Below is the error:

./projects/admin/src/app/shared/layout/wrapper/wrapper.component.scss?ngResource - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: $color: null is not a color.
    ╷
185 │     "r": red($color),
    │          ^^^^^^^^^^^
    ╵
  node_modules/@progress/kendo-theme-bootstrap/modules/bootstrap/scss/_functions.scss 185:10                                  luminance()
  node_modules/@progress/kendo-theme-bootstrap/modules/@progress/kendo-theme-default/scss/core/functions/_colors.scss 416:12  contrast-wcag()
  node_modules/@progress/kendo-theme-bootstrap/modules/@progress/kendo-theme-default/scss/button/_theme.scss 75:24            @content
  node_modules/@progress/kendo-theme-bootstrap/modules/@progress/kendo-theme-default/scss/core/mixins/_import-once.scss 12:9  exports()
  node_modules/@progress/kendo-theme-bootstrap/modules/@progress/kendo-theme-default/scss/button/_theme.scss 1:1              @import
  node_modules/@progress/kendo-theme-bootstrap/scss/button/_theme.scss 1:9                                                    @import
  node_modules/@progress/kendo-theme-bootstrap/scss/button/_index.scss 15:9                                                   @import
  node_modules/@progress/kendo-theme-bootstrap/scss/toolbar/_index.scss 6:9                                                   @import
  node_modules/@progress/kendo-theme-bootstrap/scss/adaptive/_index.scss 9:9                                                  @import
  node_modules/@progress/kendo-theme-bootstrap/scss/grid/_index.scss 6:9                                                      @import
  projects/lib/src/lib/app-theme/kendo.scss 37:9                                                                              @import
  projects/admin/src/app/shared/layout/wrapper/wrapper.component.scss 6:9                                                     root stylesheet



** Angular Live Development Server is listening on localhost:4202, open your browser on http://localhost:4202/ **


Zornitsa
Telerik team
 answered on 26 Jun 2024
1 answer
9 views

Is there a way to style the different events for the kendo-timeline component, including the timeline-circle so that different types of event can be easily distinguished by the user?

At the moment the best I can do is set an ngClass for the kendoTimelineCardHeaderTemplate.... but it doesn't look great! I also cant see a way to set the timeline circle by an event "type"

 

Yanmario
Telerik team
 answered on 26 Jun 2024
0 answers
5 views
Hi team I am trying to add Date picker to Kendo Grid column so if user select date using date picker that date value should display in all the rows in grid.. is there any way to achieve this..
Sneha
Top achievements
Rank 1
 asked on 22 Jun 2024
0 answers
12 views

Is resize column menu item is added in kendo angular grid version 6.1.3? If yes, then please share me the reference to implement the column resize in column menu options.

Anusha
Top achievements
Rank 1
 updated question on 18 Jun 2024
0 answers
15 views

Hey Team,

We are facing one issue while using the kendo UI Combo box in Reactive forms (@progress/kendo-angular-dropdowns v13.0.3). When we type some value which is not in the list and press enter then the combo box gets disabled and value also gets cleared. The value change method is also not called. We have allowCustom and valuePrimitive true as well.

If the value typed is available in dropdown then it remains as is on enter key press.

Please help us in resolving this.

Thanks

Ghanshyam
Top achievements
Rank 1
 asked on 17 Jun 2024
2 answers
29 views
Is there support for or plans to support zoneless angular?  We would like to try to use that for new projects (and possible old)
Zornitsa
Telerik team
 answered on 14 Jun 2024
0 answers
16 views

i am implementing a kendo-texbox in reactive form in angular every time user click in a input -textbox it shows a list of autocompletes .

i want to turn it off as we did in html forms "autocomplete = off" how it works with kendo-textbox ???

 

thanks

Lakhwinder
Top achievements
Rank 1
 asked on 13 Jun 2024
5 answers
480 views

Hello, I need to create custom filter menu for my grid with two datepickers - similar to this example.
My constructor looks like this:

constructor(private element: ElementRef,  private popupService: SinglePopupService) {
    ...
}

 

I inject the SinglePopupService as shown in the StackBlitz example, in order to be able to prevent closing the datepicker popup, but it's not working - I'm getting the following error:

NullInjectorError: R3InjectorError(MyLazyLoadedModule)[SinglePopupService -> SinglePopupService -> SinglePopupService -> SinglePopupService]: NullInjectorError: No provider for SinglePopupService!

I'm using this functionality in a lazy loaded module of my app, but I have the GridModule as well as the DateInputsModule imported.

Could you please help me with this?


Dominik
Top achievements
Rank 1
Veteran
Iron
 answered on 13 Jun 2024
0 answers
14 views
I'm not sure if this is expected behavior, but there seems to be an inconsistency with checked keys. When you filter a treeview and select a parent, the parent is added to checked keys along with any visible children. It seems to make more sense to only add the children to checked keys and to set the parent to indeterminate, as this is the behavior you'd expect without the filter applied. Below, are two screenshots - one after filtering and selecting, another after just selecting a child without filtering. Please let me know if this is something that will be addressed in a future release or if my team needs to write custom logic in our application for handling the checked and indeterminate keys.

Tim
Top achievements
Rank 1
 asked on 13 Jun 2024
0 answers
20 views

I was asked to upgrade an Angular app from 8 to 17. And I upgraded to Kendo-Angular 16.  I am pretty much an Angular newbie.  I got the authentication working, and the data is coming, but the styling is gone. Right now this code is throwing the error "undefined variable". 

@use '@angular/material' as mat;
@include mat.core();
$kendo-um-primary: mat-palette($green-palette);

With a red squiggly underlining $green-palette. The old code was:

@import '~@angular/material/theming';
@include mat-core();
$kendo-um-primary: mat-palette($mat-indigo);

 

The only theme files I see in my new package.json are:

"@progress/kendo-theme-bootstrap": "^8.0.1",

"@progress/kendo-theme-default": "^8.0.1",

"@angular/material": "~17.3.10",

 

 

Gerard
Top achievements
Rank 1
 asked on 12 Jun 2024
Top users last month
Patrick
Top achievements
Rank 1
Iron
Iron
Iron
MIS
Top achievements
Rank 1
Ross
Top achievements
Rank 1
Marcin
Top achievements
Rank 1
Iron
Iron
Sean
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?