Hi,
We have a scenario where we are displaying parent and child grids on expand collapse.
We are also using virtualization.
Can we set dynamic heights to child grids with virtualization enabled? e.g if on expand a record child grid has 1 record only and on expanding another parent row it has child grid with say 15 records.
Child grid height set as per no of records.
As per this - https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/virtual/
We need to set fixed detailRowHeight property. But here we have dynamic child grid height.
Thanks.
Hello,
I have a business requirement to position this button has the top so users don't have to scroll to the bottom to toggle "Show business hours" and "Show full day". After thoroughly checking the documentation, it seems like there is not a way to do this.
I have tried a couple approaches to reposition with regular javascript and manipulate the DOM, but this presented more issues and bugs.
Please help me find a way to do this that works in Angular that doesn't break things.
Thanks in advance.

Is it possible to add legend to waterfall chart? Now, its not working
<kendo-chart>
<kendo-chart-value-axis>
<kendo-chart-value-axis-item
[labels]="valueAxisLabelConfig"
[majorUnit]="20000"
[min]="valueAxis().min"
[max]="valueAxis().max"
[majorGridLines]="lineColor"
[line]="setVisible">
</kendo-chart-value-axis-item>
</kendo-chart-value-axis>
<kendo-chart-category-axis>
<kendo-chart-category-axis-item [line]="lineColor"
[visible]="false"
[majorGridLines]="setVisible"
[majorTicks]="setVisible">
</kendo-chart-category-axis-item>
</kendo-chart-category-axis>
<kendo-chart-series>
<kendo-chart-series-item
type="waterfall"
[gap]="2.5"
[data]="data"
[visibleInLegend]="true"
field="value"
categoryField="title"
[color]="pointColor.bind(this)">
<kendo-chart-series-item-labels
[content]="labelContent"
[font]="'bold 12px OpenSans, sans-serif'"
position="outsideEnd"
background="none"
color="#000">
</kendo-chart-series-item-labels>
</kendo-chart-series-item>
</kendo-chart-series>
<kendo-chart-legend position="bottom"
[spacing]="38"
[visible]="true"
[labels]="legendOptions"
[markers]="markerOptions">
<kendo-chart-legend-item
[cursor]="'pointer'"></kendo-chart-legend-item>
</kendo-chart-legend>
</kendo-chart>

Hi
When user clicks "Export" button it takes about 10 minutes before download starts for grid with 300 000 records. Is there a way to display a loading indicator at least while export file is generating?


I am using Kendo UI for Angular and trying to do a multi-grid export per the instructions given at
https://www.telerik.com/kendo-angular-ui/components/excelexport/how-to/export-to-separate-sheets/
I would like to present a "waiting" indicator to the user until the report is actually downloaded.
The problem is that:
this.gridElements.first.kendoExcelElement.save(workbooks[0]);
returns immediately, and I don't know of a way to monitor the status of the download to detect once it has finished. Any tips for how I can detect finish?
Here is the code for the export:
this.loaded = false;
//Multi-export method outlined at: https://www.telerik.com/kendo-angular-ui/components/excelexport/how-to/export-to-separate-sheets/
Promise.all(elementsWithData.map(c => c.kendoExcelElement.workbookOptions())).then((workbooks) => {
//Set the name on the parent workbook/sheet
workbooks.forEach((w, index) => {
//Don't add the first workbook since that would result in duplicate sheets based on the fact
//that the first workbook is the one being concatenated too...
if(index > 0) {
workbooks[0].sheets = workbooks[0].sheets.concat(w.sheets);
}
});
//our problem is that this save call does not wait, and does not return a promise to hold on...
this.gridElements.first.kendoExcelElement.save(workbooks[0]);
}).catch(e => console.log(e))
.finally(() => this.loaded = true);Thanks!


Hi I am working on the kendo Grid where the color of the row should change based on the Category name, Which I will hard code and switch between the values in rowCallback function.
However as per the example https://www.telerik.com/kendo-angular-ui/components/grid/api/GridComponent/#toc-rowclass There is only even and odd, So can I do a switch functionality using the rowCallback function. or do I need to use the "Styling Cells on the Fly" functionality https://www.telerik.com/kendo-angular-ui/components/grid/styling/#toc-styling-cells-on-the-fly where I need to mention the style for each specific cell in entire row.
Regards
K Govardhan.

Currently, if we set the kendo-grid filterable="menu", clicking on the filtericon in a grid column opens a dialog with a dropdownlist of filter operators, an input text field, a dropdownlist of logical operators (AND, OR), a dropdownlist of filter operators and an input text field. (see attached png).
For my project, I only want to show one dropdownlist of filter operators and one input field in the filter menu popup dialog. Is it possible to customize the kendoGridFilterMenu template?
Thanks for any suggestion.
Is it possible to group two or more resources together on data with relationship reference in scheduler?
Below is the sample code we are trying to implement, we wanted to check if we can map between two resources [Specialities, Practitioners].
In Practitioners data, it will have SpecialityID field which refer back to [Specialities](SpecialityID) field?
public group: any = { resources: ['Specialities', 'Practitioners'], orientation: 'horizontal'};public resources: any[] = [{ name: 'Specialities', data: [ { text: 'Phsiotheraoy', SpecialityID: 1, color: '#6eb3fa', type: 'Room' }, { text: 'Massage Therapy', SpecialityID: 2, color: '#f58a8a', type: 'Room' }, { text: 'Chiropractic', SpecialityID: 3, color: '#f58a8a', type: 'Room' } ], field: 'roomId', valueField: 'value', textField: 'text', colorField: 'color', multiple: false}, { name: 'Practitioners', data: [ { name: 'Angelo Williams', Personvalue: 1, color: '#008AFF', type: 'Person', img: this.firstContactImage, initials: 'AW', SpecialityID: 1 }, { name: 'Desiree Watson', Personvalue: 2, color: '#E91E63', type: 'Person', img: this.secondContactImage, initials: 'DW', SpecialityID: 1 }, { name: 'Aron Patrickson', Personvalue: 3, color: '#43A047', type: 'Person', img: null, initials: 'AP', SpecialityID: 2 }, { name: 'Benjamin Chris', Personvalue: 4, color: '#B7342C', type: 'Person', img: null, initials: 'BC', SpecialityID: 3 }, ], field: 'personID', valueField: 'Personvalue', textField: 'name', colorField: 'color', multiple: false}];
Attached image is how this render, it will have each Specialities (3) on first grouping and each Practitioners (4) on the second grouping.
The question is, for example is it possible to only display [Angelo Williams, Desiree Watson] under [Phsiotheraoy], [Aron Patrickson] under [Massage Therapy] and [Benjamin Chris] under [Chiropractic]?
So which mean is it possible to display Phsiotheraoy (2) Practitioners, Massage Therapy(1) Practitioner and Chiropractic(1) Practitioners, rather than each of them have all (4) Practitioners?
Thanks