Please ensure that ALL kendo components are extended with @Output() onDataBound = new EventEmitter<any|T>();

When printing directly from Angular PDF Viewer results in a blurry printed PDF document. Downloading to PDF and printing does not affect the document

Hi,

We have a requirement to implement a timezone change in our web application, so when user selects a timezone from combobox all date data should be displayed in selected timezone and datetimepickers should work in this timezone.

Kendo DateTimePicker works with js Date object and it is not possible to set any other timezone than local.

There are some workarounds of how to display datetime in different timezone, but it is not possible to select one in different timezone other than local. And Today and Now buttons also selects date in local timezone.

https://stackblitz.com/edit/angular-dtbxbe-ye1rbw?file=src%2Fapp%2Fapp.component.ts

There is a dearth of browser inline editors for Word documents.  It appears that the only viable solution currently out there is to implement WOPI and this standard is complex, poorly documented and extremely difficult to implement.  There are some alternatives out there:

• https://www.zoho.com/officeplatform/integrator/wopi-alternative.html
• https://www.collaboraoffice.com/code/

The former is incredibly expensive because it charges per API call (effectively charging each time a document is opened or edited) and the latter is overly complex and for Linux users.

A further alternative is syncfusion's document editor.  This editor is good but loses formatting.

Surely it would be possible to unravel Word's open xml format and load it into a modified version of the Rich text Editor?

Using a line chart, using date in the category axes, it will be useful to use the format "week number".

See your example: https://47hbw1.run.stackblitz.io

It doesn't look available from this list: https://github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md

Hello Kendo Team, 

It would be great if we could have some differentiation when the user closes the delete dialog for kendo scheduler, that way we could take actions accordingly.

Scenarios
1. By clicking on close icon on top right corner.

2. By clicking on clicking on cancel button.

3. By clicking on backdrop.

Basically, we have just a limitation that we could not use host directives if the directive is not standalone:

see for example :

https://angular.io/guide/directive-composition-api#adding-directives-to-a-component

and about cdk (they are not ready as well):

https://github.com/angular/components/issues/26036#issuecomment-1588683306

Thanks

Diego

Test Environment:
Browser: Edge browser Version 114.0.1823.51 (Official build) (64-bit)
OS: Windows 22H2

Steps to Reproduce:

1. Open the URL - https://angular-kendo-dropdown-list.stackblitz.io/ in edge browser.
2. Press Tab key and navigate to “Select gender” dropdown.
3. Run fastpass in Accessibility insights for web extension.

Actual Result: Fastpass run shows "Ensures every ARIA input field has an accessible name" error for “Select gender” dropdown.

Expected Result: Every ARIA input field has an accessible name
Fix ONE of the following:
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute

Hi,

The condition is that we need a homepage with multiple dynamic tabs. Only one component is active at any given time in this feature. However, if we want to view the data from two or more tabs simultaneously, we can drag and position them next to each other, similar to how we see tabs in Chrome and other browsers. This functionality is controlled by docking managers.

Thank you in advance for your consideration.

Hello,

The feature applies mainly to scatter plots and is as follows:

* The user has the ability to select individual data points by clicking on them after which they are highlighted.

* The user has the ability to select regions of points by clicking and dragging. These regions can be a lasso, rectangle, oval, free form, or any other shape.

* The user has the ability to select multiple points or regions of points simultaneously (i.e. previously selected points/regions don't "unselect" when the user selects new ones).

An example of this is this Lightning Charts example: https://lightningchart.com/lightningchart-js-interactive-examples/edit/lcjs-example-0040-customLassoInteraction.html?isList=true

I'm also attaching a script that you can copy and paste into the example above which shows the ability to select rectangular regions and individual data points.

There appear to be no decent solutions for PDF viewing in Angular in handling viewing of downloaded PDF files that works intelligently and consistently across all desktop and mobile browsers, and supports navigation, saving, and printing.

1. The Angular Kendo Report Viewer is limited to Telerik reports generated using the Telerik Report web infrastructure and doesn't handle PDFs from other sources.

2.  There is an open source Angular viewer, that provides reasonable viewing and navigation, but doesn't support save to file. or print.

https://github.com/VadimDez/ng2-pdf-viewer

3.  Syncfusion have a very nice Angular PDF viewer, but requires buying there whole Angular suite.  

https://help.syncfusion.com/angular/pdfviewer/getting-started  
A Kendo Angular PDF Viewer Component
 

When adding a filter to a grid, there is no way to define "case insensitivity" for the oData filter query.
There is a property in the Data Query library (toLower) but it seems only to work for the value and not accessible from grid.

This Feature Request is to have the ability to do case insensitive queries via the query string and not in the API.

Reproduce the bug with

import { Component } from "@angular/core";

@Component({
  selector: "my-app",
  template: `
    <button (click)="show = !show">Show/hide</button>
    <ng-container *ngIf="show">
      <div class="example-config">
        Selected value is: {{ value | kendoDate: "MM/dd/yyyy" }}
      </div>
      <div class="example-wrapper" style="min-height: 400px">
        <p>Select a date:</p>
        <kendo-datepicker
          [(value)]="value"
          fillMode="outline"
        ></kendo-datepicker>
        <p>
          (use Alt+↓ to open the calendar, ← and → to navigate, ↑ to increment
          and ↓ to decrement the value)
        </p>
      </div>
    </ng-container>
  `,
  styles: [
    `
      kendo-datepicker {
        width: 170px;
      }
    `
  ]
})
export class AppComponent {
  public show = false;
  public value: Date = new Date(2000, 2, 10);
}

error displayed:

"TypeError: Cannot read properties of undefined (reading 'nativeElement')
    at set fillMode [as fillMode] (progress-kendo-angular-dateinputs.mjs:9186:53)
    at Object.ngOnChangesSetInp"

in file
node_modules/@progress/kendo-angular-dateinputs/fesm2020/progress-kendo-angular-dateinputs.mjs

at

 /**
     * Sets the fillMode of the component.
     *
     * The possible values are:
     * * `solid` (Default)
     * * `flat`
     * * `outline`
     * * `none`
     *
     */
    set fillMode(fillMode) {
        this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
        this.renderer.removeClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
        this.renderer.removeClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE;
        if (newFillMode !== 'none') {
            this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', newFillMode));
            this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${newFillMode}-base`);
            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
        }
       

import { AfterViewInit, Component } from "@angular/core";

@Component({
  selector: "my-app",
  template: `
    <button (click)="show = !show">Show/hide</button>
    <ng-container *ngIf="show">
      <div class="example-config">
        Selected value is: {{ value | kendoDate: "MM/dd/yyyy" }}
      </div>
      <div class="example-wrapper" style="min-height: 400px">
        <p>Select a date:</p>
        <kendo-datepicker
          [(value)]="value"
          [fillMode]="fillMode"
        ></kendo-datepicker>
        <p>
          (use Alt+↓ to open the calendar, ← and → to navigate, ↑ to increment
          and ↓ to decrement the value)
        </p>
      </div>
    </ng-container>
  `,
  styles: [
    `
      kendo-datepicker {
        width: 170px;
      }
    `
  ]
})
export class AppComponent implements AfterViewInit {
  public show = false;
  public value: Date = new Date(2000, 2, 10);

  public fillMode = "solid";

  ngAfterViewInit() {
    Promise.resolve().then(() => (this.fillMode = "outline"));
  }
}

Built-in editors lack the option to set accessible labels. This can be worked around by declaring an editor template.

A built-in setting for the label would be nice to have. The column title can be used as a default.

Hi,

I am looking to have a MultiSelect which not allows do add Tags by Typing and still allows the tags to be removed. 

• The Searchbar should not appear.
• Typing should not be possible
• If the delete Button of a Tag is clicked it should be removed

So flagging MultiSelect as disabled or readonly is not an option as removing the tags is not possible anymore. 

My i think legimate scenario is:

• I don't want to be the users able to assign their own tags.
• I want the user to be able to remove assigned tags
• The UI to select a new tag is to complex to have it directly in the searchbar - also if i wanted to integrate it the template options are not suficient so i do it in an extra pop up controlling the selected tags by typescript

https://www.telerik.com/forums/remove-typing-box-from-multiselect-component

An extra option or config scenario to achieve this would be appreciated.

If you look at your competition, there it's possible to do that:

https://js.devexpress.com/Documentation/ApiReference/UI_Components/dxTagBox/

Thanks and Regards

Description

We are using RecurrenceEditor :

<kendo-recurrence-editor [formControl]="formGroup.get('recurrency')">
</kendo-recurrence-editor>

Repro Steps

Context : Date = 2023-03-06

• Double click on the 2023-03-09
• The editor is open : 
• 
• We choose the repeat rule Monthly :
• 

We can see the context of RecurrenceEditor is 2023-03-06 instead of 2023-03-09.

Expected Result

When we create an event on different date of today, the RecurrencyEditor context should the creation date.

• The input "Day" default value should be 9
• The input "On" default value should be 2023-03-10
• First Monday => First Thuesday

Same problem with other repeat rule (Daily, Weekly and Yearly)