Hello Kendo community,

I hope you're all doing well. I've been working with the Kendo Angular Scheduler, and I've run into an issue related to the "resources" field not updating correctly in the scheduler slots.

The problem I'm encountering is that even though I'm filtering and changing the "resources" dynamically, the corresponding slots in the scheduler are not updating as expected. This means that the slots are not reflecting the current state of the resources, and there seems to be a synchronization problem.

Here's a simplified representation of the issue:

- I have resources that can be filtered and changed dynamically.
- When I apply filters or make changes to the resources, the scheduler slots should update to display the filtered or changed resources, but this is not happening as expected.

Bellow screenshots with repro

1. That it's my initial state, I have one user in resources, and as you can see in the console propper user was selected

2. When I changed filtering for resources, list of resources was updated and then now I have more users. But if I select different user, slots assigned to them still hold value for previous state

I've reviewed the documentation and tried different approaches, but I haven't been able to resolve this issue. Has anyone else encountered a similar problem, and if so, could you please share your insights or solutions? Any assistance would be greatly appreciated.

If you need more specific details or code samples, please let me know, and I'll be happy to provide them.

Thank you in advance for your help and support!

Best regards,

Damian

I want to display the number in the following format

1000000 => 1 000 000

<kendo-numerictextbox id="quota"
[min]="-1000000"
[max]="1000000"
[decimals]="0"
[format]="'n0'"
[autoCorrect]="true"
/>

What needs to be done for this?

I updated Angular Kendo packages to version 14.

After this, the icons are not shown, although the svg icons are displayed. What could be the problem? Before this everything worked. Maybe something with the font?

Styles .k-i-... are missing in the "Elements" tab of the browser.

<button (click)="refresh()">
  <kendo-icon name="refresh"/>
</button>

package.json
"dependencies": {
    "@angular/animations": "^16.2.8",
    "@angular/common": "^16.2.8",
    "@angular/compiler": "^16.2.8",
    "@angular/core": "^16.2.8",
    "@angular/forms": "^16.2.8",
    "@angular/platform-browser": "^16.2.8",
    "@angular/platform-browser-dynamic": "^16.2.8",
    "@angular/router": "^16.2.8",
    "@apollo/client": "^3.8.5",
    "@auth0/angular-jwt": "^5.1.2",
    "@ngrx/effects": "^16.3.0",
    "@ngrx/eslint-plugin": "^16.3.0",
    "@ngrx/store": "^16.3.0",
    "@ngx-translate/core": "^15.0.0",
    "@ngx-translate/http-loader": "^8.0.0",
    "@progress/kendo-angular-buttons": "^14.0.0",
    "@progress/kendo-angular-dateinputs": "^14.0.0",
    "@progress/kendo-angular-dialog": "^14.0.0",
    "@progress/kendo-angular-dropdowns": "^14.0.0",
    "@progress/kendo-angular-grid": "^14.0.0",
    "@progress/kendo-angular-icons": "^14.0.0",
    "@progress/kendo-angular-indicators": "^14.0.0",
    "@progress/kendo-angular-inputs": "^14.0.0",
    "@progress/kendo-angular-layout": "^14.0.0",
    "@progress/kendo-angular-menu": "^14.0.0",
    "@progress/kendo-angular-navigation": "^14.0.0",
    "@progress/kendo-angular-notification": "^14.0.0",
    "@progress/kendo-angular-treeview": "^14.0.0",
    "@progress/kendo-data-query": "^1.7.0",
    "@progress/kendo-theme-fluent": "^7.0.1",

angular.json
"styles": [
  {
    "input": "node_modules/@progress/kendo-theme-fluent/dist/all.css"
  },
  "src/styles.less",
  "src/kendo.less",
  "src/assets/fonts/OpenSans/open-sans.css",
  "node_modules/bootstrap/dist/css/bootstrap.min.css"
],

In Scheduler for  Month view . What is the max number of events that can be displayed on single day.

As of Now I am only able to 2 event's /Meeting per day in Month view.
Looks like I need to go day view when I have more than 2 events ?Meeting per day.
can we just view all the events/meeting around 5-6 in a month view on single day.
Please advise.

The button next to the textbox in the filter row column is not showing the filter icon.  I can recreate this with a brand new angular 16 standalone project and add the most basic grid with filtering.  The filter row looks like the below. Notice the icon to clear filters shows, but the icon on the dropdown doesn't.  When I inspect, it looks like the clear button that works is using an SVG but the other is trying to use a span with class k-i-filter class which doesn't seem to be working.

Following code (shortened for simplicity):

<kendo-fileselect
  id="files"
  formControlName="files"
  [restrictions]="this.fileRestrictions"
  (select)="onFileSelect($event)">
  <ng-template kendoFileSelectFileInfoTemplate let-files>
---- shows name and validationerrors ----
  </ng-template>
</kendo-fileselect>

  async onFileSelect(ev: SelectEvent) {
    ev.files.forEach(currentFile => {
      if (currentFile.rawFile) {
        this.readFile(currentFile.rawFile).then(content => {
            let attachment = (<AttachmentModel>{filename: currentFile.name, content: content});
            this.attachmentClient.isValid(attachment, this.tenant).subscribe(
              isValid => {
                if (!isValid) {
                  currentFile.validationErrors = currentFile.validationErrors ?? [];
                  currentFile.validationErrors.push("malwareFound");
                } } ); } ); }  });  }

Explaination: I'm checking for malware here (via this.attachmentClient.isValid on server-side).

My problem: It shows the validationerror, but still adds the file to value of the control. For example it doesn't add a file with a wrong extension (restricted via kendo-fileselect restrictions) How can I set my malware-file to not end up in value? I've tried ev.preventDefault(), but this removes the file completely from the list (and I don't see the validationerror)

Screenshot:

- first file: not allowed filetype -> is not in value of control

- second file: malware -> is still in value of control

Regards

Hi  Team,

I aim to create a separate component dedicated to the toolbar within a Kendo Grid. To achieve this, I've created a `ToolbarComponent`. In the parent component's Kendo Grid, I'm utilizing an `ng-container` to include it within the 'kendoGridToolbarTemplate'. Nevertheless, the styles are not being applied as expected. Specifically, the `kendo-grid-spacer` in the toolbar component is not functioning as anticipated. Can you please provide me a sample

parent component

    <kendo-grid
      [kendoGridBinding]="eduList"
      kendoGridSelectBy="id"
      [pageSize]="pageSize"
      [pageable]="{ type: 'numeric', position: 'top' }"
      [sortable]="true"
      [groupable]="false"
      [reorderable]="true"
      [resizable]="true"
      filterable="menu"
      [skip]="skip">

      <ng-template kendoGridToolbarTemplate>
        <ng-container [ngComponentOutlet]="toolbarComponent | async"></ng-container>
        <!-- <div>a</div> <kendo-grid-spacer></kendo-grid-spacer> <div>b</div> -->
      </ng-template>

      <kendo-grid-column field="id" title="#" headerClass="t-text-primary" [width]="50" [filterable]="false">
        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
          <div class="customer-number">{{ rowIndex + 1 }}</div>
        </ng-template>
      </kendo-grid-column>

      <kendo-grid-column field="" title="" [width]="50" [filterable]="false">
        <ng-template kendoGridCellTemplate let-dataItem>
          <!-- Template for the first column -->
          <kendo-button fillMode="clear" icon="edit"> </kendo-button>
        </ng-template>
      </kendo-grid-column>

      <kendo-grid-column
        headerClass="t-text-primary"
        field="Name"
        title="Name"
        [width]="200">
      </kendo-grid-column>

      <kendo-grid-column
        headerClass="t-text-primary"
        field="Age"
        title="Age"
        [width]="150">
      </kendo-grid-column>


      <kendo-grid-column
        headerClass="t-text-primary"
        field="Edu"
        title="Education"
        [width]="150">
      </kendo-grid-column>

  </div>

child component:-