I tried adding a class to the kendo-dropdownlist but it does not seem to do anything.

.hide-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 99%;
}

<kendo-dropdownlist [class]="'hide-overflow'".... 

What is best way to show ellipses or alternately do word wrap?

I have created a light and dark theme from the kendo theme builder tool. I would like to switch the themes on the fly in my angular app. I managed to do that, however, the charts dont seem to like the new theme. Other controls seem to work fine.  I am switching href of the link tag on the fly. Below is a snippet of the code I used.

@Component({
  selector: 'css-loader',
  template: `<link rel="stylesheet" type="text/css" [href]="path" />`,
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class CssLoaderComponent {
  public theme: string = environment.theme;
  cssPath: any;
  constructor(
    public sanitizer: DomSanitizer,
    private themeService: SidenavService,
    private cd: ChangeDetectorRef,
    private router: Router
  ) {

    this.themeService.toggleState$.subscribe((val) => {
      this.theme = this.theme === 'light-theme' ? 'dark-theme' : 'light-theme';
      this.cssPath = `assets/themes/${this.theme}/${this.theme}.css`;
      this.cd.markForCheck();
    });
  }
  set path(path) {
    this.cssPath = path;
  }
  get path() {
    return this.sanitizer.bypassSecurityTrustResourceUrl(this.cssPath);
  }
}

Can I group the grid with Date, but ignore the time part?

Hi,

how can I localize (change language) my scheduler in AngularJS?

On the page I found only a solution for jQuery.

I want to edit the Kendo Pager Info such that the items counts is properly represented by its locale. Ex. 1025 ---> 1,025

Here's the approach I did:

I converted the total of the PagerInfoComponent from number to any, and applied this to a lifecycle hook:

this.pagerInfoComponent.total = this.pagerInfoComponent.total.toLocaleString();
this.pagerInfoComponent.ngOnInit();

This is causing a problem as it's resulting to this: 1 - n of 1025 items.

Another way I could do this is to directly edit it via DOM, but then I would have to update the values constantly for any change I make in a grid.

How can I properly best approach this? Please see link here: https://stackblitz.com/edit/angular-mejm68

Thanks in advance!

I'm trying to use Kendo Angular Upload but when I check the data being sent to the server in Google Chrome DevTools, the property rawFile, which I beleive is the one responsible to actually retrieve the file data, is always empty as the attachment indicates.

Here's my HTML:

Here's my angular component:

     Good morning, I am trying to add some Styling to our Kendo Grid, and it is around the Grouping we have applied.

Attached is what I am trying to do, but I can't seem to find a style to work.  Is there anyway to achieve this desired style.

Thanks,

Bill

Export selected rows of kendo grid to pdf is not working If there is a way of getting this done any answer would be appreciated,

1. I want to export only the selected rows and not the entire data

2. I am attaching a screenshot

thank you

The grid renders the first page plus a few more so you can scroll right a little bit and stops there.

There is no error message, all columns have width.

Are there other settings that are incompatible with this feature?

I've been trying variations with no success.

I also tried bringing the example into my component, it also stopped working.

So I went through my dependencies and didn't find any discrepancies.  Anything I did find I upgraded.

This is a hybrid Angular/Angularjs application, though this particular route is all Angular.

We have also been using onpush, but turning this off didn't seem to make a difference for the example grid.

Angular version 8.2.14