Telerik Forums
Kendo UI for Angular Forum
1 answer
449 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
109 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
66 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
46 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
177 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
5 answers
708 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
60 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
146 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
1 answer
72 views

Hi everyone, 

I am trying to turn my Keno grid from this (first picture attached) to this (second picture attached). I am new to Kendo, so I am not sure if this is even possible to combine these three data points together in one column. 

Thank you!

 

Hetali
Telerik team
 answered on 11 Jun 2024
2 answers
206 views

Hi there,

Recently we started working on accessibility issues on angular 15 app  Currently we are using the below version for kendo grid.

"@progress/kendo-angular-grid": "^4.7.0",

 

And we are facing some issues from kendo grid and wanted to check if these get sorted out if the kendo grid version is updated to higher versions. And if so, please suggest the version no.. 
Please find the attached issues.

---------------------------------------------------------------------------------------------

----------------------------------------------------------------------------------------------------------


--------------------------------------------------------------------------------------------

 




----------------------------------------------------------------------------------------
Please check the issues and let us know how I can sort out my issues.

Vishnu Priyanka
Top achievements
Rank 1
Iron
 updated answer on 11 Jun 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?