I'm loading Kendo Grid in a modal window over the same HTML element. The grid has grouping implemented on it.

Now when I try to collapse the rows it works first time, but when I try to close the modal and re-open another kendo grid which is again on the same HTML element  the collpase button does not work. it will work the 3rd time i.e. it works every alternate times I open the window

Things I haved tried so far

Clearing html before grid initialization

Destroying kendo grid before initialization

Any help will be appreciated.

as you can see here:

https://dojo.telerik.com/OrOqOHaV

If I create a grid from a table the pager doesn't work correctly ("No items to display")

Is i init the grid from div element the pager works perfectly.

some hint, please?

many many thanks

Hello
I need to switch eventTemplate of week view after clicking custom button between 

var smallEventTemplate = `<div class="k-event-template">#: title #</div>`;

var bigEventTemplate = `
<div class="k-event-template">
  <p>
      #: kendo.toString(start, "hh:mm") # - #: kendo.toString(end, "hh:mm") #
  </p>
  <h3>#: title #</h3>
  <p>#: description #</p>
</div>`;

AutoComplete for Kendo UI

Prevent Custom Input
A new article on how to allow only existing values in a Kendo UI AutoComplete widget.

Change DataSource Dynamically
A new article on how to dynamically change the DataSource based on user selections made through radio buttons in a Kendo UI AutoComplete widget.

We have a stacked area or line chart in which the categoryAxis is a date.  In each series, values are aggregated (summed).

We are wanting to implement an export to CSV of the data which makes up the displayed chart. I've looked through all of the chart options, but cannot find a way to get those aggregated series values. 

Is there any way to do this without having to write my own aggregation logic?

Hello,

When we do a search with an "and", in the table where we see the active filter, there is only one that appears. Is it possible to duplicate the line to have the two pieces of information combined?

Thanks for your help!

Can anyone tell me what the gray area on the bottom right of the grid is? (It almost looks like an extra empty cell on the end , and I don't need it.) I don't know how to get rid of it and it's cutting off the total amount in my last total column. My grid has a scrollable = true setting, and resizeable = true setting, and the first two columns are frozen. (See attached screenshot)

//Typescript code:
mod.Controls.grid.item.kendoGrid({

  dataSource: {
  data: [],
  },
  editable: false,
  scrollable: true,
  resizable: true,
  filterable: true,
  noRecords: true,
  pageable: false,

Here is my code. When i am exporting, child rows are not  getting exported. How to achieve this. Expecting your help.

<script type="text/javascript">
        $(document).ready(function () {
                        $("#btnExportToExcel").click(function (e) {
                    var grid = $("#grid").data("kendoGrid");
                    grid.saveAsExcel();
                });
        });
    </script>

<div id="grid"></div>
                    <button id="btnExportToExcel" type="submit" name="excel" value="valexcel">
                        <img src="images/excel-icon.png" alt="imageExcel" /></button>
<script> $("#grid").kendoGrid({ columns: [{ field: "productName" }, { field: "category" }, { field: "status" }, { field: "Comments" }], dataSource: { data: [{ productName: "Tea", category: "Beverages", status: "Open", "Comments": "" }, { productName: "Coffee", category: "Beverages", status: "Open", "Comments": "comment1" }, { productName: "Ham", category: "Food", status: "Open", "Comments": "" }, { productName: "Bread", category: "Food", status: "Open", "Comments": "" }, { productName: "Hammer", category: "Hardware", status: "Closed", "Comments": "Comment test" }, { productName: "Screw", category: "Hardware", status: "Open", "Comments": "commenting testing" }], group: { field: "category" } },  detailTemplate: "<div class='Comments'>",
                    detailInit: function (e) { e.detailRow.find(".Comments").html("<p>" + e.data.Comments + "</p>"); }, });</script>

When creating Pins on the Telerik UI Map, (https://demos.telerik.com/kendo-ui/map/remote-markers), how can we make sure that multiple pins that happen to have the same coordinates, will show up and not be "covered", so that only the very last one drawn get shown?

Does Telerik pin has a similar feature to show multiple clusters of pin, with something like this? (https://developers.google.com/maps/documentation/android-sdk/images/utility-markercluster.png)