Kendo-filter has dropdowns that are not appearing in the mat-dialog modal of my angular app. I am using the boiler plate code that is provided in the kendo-filter over view page.   I can See The Add Group, Add Filter, but after clicking add filter button, the filter dropdowns appear, The dropdowns themselves do not work, I tried targeting the dropdown with z-index 1000 with no luck.  Has anyone seen this before?

If there was a popupSettings for kendo-filter, then all generated ui components could inherit from that setting.

                    <kendo-filter
                        #filter
                        [filters]="filters"
                        (valueChange)="onFilterChange($event)">
                    </kendo-filter>
                    <ng-template let-currentItem #template>
                        <kendo-dropdownlist
                            [popupSettings]="{ appendTo: 'component' }"
                        ></kendo-dropdownlist>
                    </ng-template>

import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';

@Component({
  // ...
})
export class YourComponent {
  @ViewChildren(DropDownListComponent) dropdownLists: QueryList<DropDownListComponent>;

  // ... other component properties and methods ...

  ngAfterViewInit() {
    this.dropdownLists.forEach(dropdown => {
      dropdown.popupSettings = { appendTo: 'component' };
    });
  }
}

I have been trying to implement Custom toolbar with Kendo Buttons using the below document from kendo.

https://www.telerik.com/kendo-angular-ui/components/toolbar/custom-control-types/#toc-adding-custom-tools-to-the-toolbar

I am getting "Cannot read properties of undefined (reading 'nativeElement')" error.

Below is my implementation.

I have imported a google font that I want to use as the default font for my application

@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;700&display=swap');

I am also using tailwindcss to style a majority of the application so I have tried to set it as
default in many different ways.

curious what I am doing wrong - I have been able to manually override in the .appbar component
but for the kendo dialogs it is not taking effect and using the Roboto font instead?

I'm trying to change the "sticky" columns dynamically in my project, but if I add a column with sticky true dynamically, the other column "rises" on top of the other, it's like the recalculation is not redone to leave more than one column with "sticky".

example:

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

Hi, as described here https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/summary-tag-mode/#toc-basic-usage iam creating a MultiSelect component with a summary tag using the kendoMultiSelectSummaryTag directive and a custom kendoMultiSelectGroupTagTemplate .

But the summary tag is only visible, when  there is atleast one item selected.

Is it possible to show the summary tag even when there are no items selected?

E.g. somethink like "0 items selected"?

When trying to download from a large dataset, this blocks the UI and the browser throws the message "wait".

kendoGridExcelCommand has no such limitation.

How do I get it to not block the UI on PDF export?

I'm currently implementing the kendo-drawer for navigation in my application. I have most things working but am running into an issue with styling.

I have tried setting a custom width of 300px for the drawer but the element itself always has a flex-basis of 240px on it, overriding the value in the scss. I have looked at the utils included with the theme but am unsure how to use them.

Is there a way that I can set the flex-basis to be the value that I am wanting? Changing it in DevTools gives me the result that I want.

Thanks in advance.