./src/styles.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Index out of range
    ╷
820 │     @return function-exists( $name );
    │             ^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
  @progress\kendo-theme-material\dist\all.scss 820:13   k-meta-function-exists()
  @progress\kendo-theme-material\dist\all.scss 6489:19  generate-utils()
  @progress\kendo-theme-material\dist\all.scss 6577:1   @import
  src\styles.scss 9:9                                   root stylesheet

I get the above output when I upgraded to version 6 of the material theme.  It builds successfully with version 5.x.x

Can we achieve the same functionalites of date in the kendo chart.

The first pic(Apex chart(pic 1).) is from apex chart in which we can get the data arranged in a proper format,and when the dates increase the apex chart gives all the dates arranging it in proper manner.for example when it has 30 dates for that it gives the dates arranged in 12 colums.

and when click on year it gives 12 months with all the data arranged in proper format of 12 colums(months).

how can I achieve this in kendo chart

Hi, I'm facing with a problem when trying to use DialogService in a module less application with Angular 15

I've created a sample application to ilustrate the problem. Is based on the official documentation located at:

https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service/#toc-content-template

When I launch the app the button doesn't appear and a console error is thrown about BrowserModule

Here is a screenshot with that error.

Thanks in advance!

I'm using a Kendo Grid in an Angular template and trying to allow a service in the component to define some css styling but having a problem.

<kendo-grid
*ngIf="canLoad()"
[data]=etc...
[rowClass] = "rowCallback"
>

public canLoad() : boolean
{
  return this.myservice !== undefined;
}

public rowCallback(context: RowClassArgs)
{
  this.myservice.doSomething();
}
I get an error "Cannot read properties of undefined (reading 'doSomething')"
 ... why do I get an error when the ngIf check has evaluated myservice 
as being instantiated? How can I get the rowCallback to wait until the 
service has been instantiated?
... also
I read a previous Telerik forum response where an employee stated 
"The rowClass callback function is directly passed as a value to the ngClass directive, 
which is then applied on each row." ... so just to see if my problem was a behaviour of Angular itself I
added <div [ngClass]="rowCallback()">testing...</div> and myService was available and the doSomething() 
method was called.

I am using the kendoGridNoRecordsTemplate and for some reason it is displaying only in one column

See below.  How can I correct this

I need to conditionally hide some of the columns of my kendo-multicolumncombobox based on whether or not the field they are bound too contains a value I know that the kendo-combobox-column has a hidden property but I don't know how to get access to the bound dataItem in order to determine if it has a value.

Basically I want to be able to do:

<kendo-combobox-column field="myField" title="cc2" [width]="50" [hidden]="!myField"></kendo-combobox-column>

this throws an error how do I get access to the value of that field for this particular item?

I am trying to make drag drop work between two treeviews.  My second treeview is under an *ngIf and does not always exist.

I have included 'dropZoneTreeViews' in both tree layouts.  '(nodeDrop)' event does not fire on the second tree when visible.

I have a work around:  If I add a '@ViewChild' to the component for the second 'TreeViewComponent' then events fire, but Angular throws an 'ExpressionChangedAfterItHasBeenCheckedError' error.

Can you advise any Help?

Brad

I have the following situation, a component with treelist where the column receives an array by ngTemplate referencing the field.

 <kendo-treelist-column
    *ngIf="!isHidden('progress')"
    field="progress"
    title="Progress"
    [width]="320">
    <ng-template kendoTreeListCellTemplate let-dataItem let-group="cellContext">
      <app-okrprogress-bar
        [showButtonOk]="true"
        [value]="dataItem.progress.slice(-1)[0].value"
        [valuePercentagel]="dataItem.progress.slice(-1)[0].value"
        [showSlider]="!dataItem.contents ? true : false"
        [showValue]="dataItem.typeProgress == 'Values' ? true : false"
        [showChecbox]="dataItem.typeProgress == 'Boolean' ? true : false"
        [stepSlider]="dataItem.typeProgress"
        [viewValue]="dataItem?.values"
        (newPercentageActive)="
          changePercentage($event, group.viewItem.parent.data, dataItem)
        "></app-okrprogress-bar>
    </ng-template>
  </kendo-treelist-column>

Now I have to export this column in excel, but the field only waits for a simple variable or objects.

  <kendo-treelist-excel>
    <kendo-excelexport-column fild="keyName" title="Objective"></kendo-excelexport-column>
    <kendo-excelexport-column fild="progress.slice(-1)[0].value" title="Progress"></kendo-excelexport-column>
    <kendo-excelexport-column fild="status.status" title="Status"></kendo-excelexport-column>
  </kendo-treelist-excel>

I did some tests of different calling modes but none of the results were effective.

This is the interface:

interface ObjectiveResult {
  keyName: string;
  progress: Progress[];
  status?: Status;
}

interface Progress {
  value: number;
  date: Date;
}

interface Status {
  name: string;
  color: string;
}

Current results:

Hi,

We are working with Kendo UI for Angular and having scheduler timeline view as one of the component. We have below query related to Kendo:

1. We have two sections on the Y-axis: department & attendees. As shown in the screenshot below, under Mechanics three names are there: Alex, Bob, Charlie.

Similarly, we want to have multiple departments but not same attendees will be there in all departments.

We want different or same attendees under different departments based on the business need.

Kindly clarify if it is possible to have this with angular & how?

Hi.

I'm using the Drag and Drop functionality (https://www.telerik.com/kendo-angular-ui/components/utils/draganddrop/) and I have an issue with the hintTemplate.

I'd like to be able to reposition the drag hintTemplate. Currently, if the element you are trying to drag was first outside the viewport (for example, you want to drag an element in a scrollable list and the item is at the bottom of the list), the drag hintTemplate will be created at that position. Is there a simple way to position the hintTemplate at the cursor position?

Thanks!