On the Kendo demo page, create a table and place cursor in cell.  The table wizard button used to be displayed on the toolbar, but now is not visible.

Demo All Tools

Is this a bug, or was the feature removed?

We're using kendoUpload control in a .NET MVC project, when selecting multiple files that are tiny in size there is no problem to select and upload many (37 txt files with a size close to 0 used in example). But when trying upload as little as 6 files with a size of around 400Kb the ui seems to upload 1 file, freeze and after some 20 - 30 seconds returns an upload error (hits the "error" method of the kendoUpload object that is).

$("#files").kendoUpload({
    async: {
        chunkSize: 2048000,
        concurrent: false,
        saveUrl: infra.App.baseUrl + "Api/Upload/AdicionarAnexos/" + wbc.Upload.sPastaDestino + "/" + wbc.Upload.nCdModulo,
        autoUpload: false,
    },

...

}

The API documentation for the TreeView shows a loadCompleted event, but I'm not seeing it in the build I'm using. 2021.3.1207

https://docs.telerik.com/kendo-ui/api/javascript/ui/treeview/events/loadcompleted

Thanks

So this is the code.

@(Html.Kendo().DatePicker()
                          .Name("frShift")
                          .Start(CalendarView.Year)
                          .Depth(CalendarView.Year)
                          .Format("MMMM yyyy")
                          .Value(DateTime.Now)
                          .Min("01/01/" + Model.StartYear)
                          .Max("12/31/" + Model.EndYear)
                          .HtmlAttributes(new { style = "width: 100%;", placeholder = "Select month...", title = "Shift From" })
                          .Events(e =>
                  {
                      e.Change("shiftDemand.updToRow");
                  })

On local it is opening while on server it is not opening due to date control. If we remove date control then it will load. Please respond.

It is on Local

but once i deploy on QA and PROD server its loading but not opening.

Hello, the following code works like a charm:

var arr = [
      {text:"Option 11",value:"Value 11"},
      {text:"Option 22",value:"Value 22"}
     ];
    

    arr.push({text:"Option 33",value:"Value 33"});

    var datasource = new kendo.data.DataSource({
      data: arr
    });
    datasource.read();

    jQuery("#operation").data("kendoDropDownList").setDataSource(datasource);

However if I try this:

var arr = [
      {text:"Option 11",value:"Value 11"},
      {text:"Option 22",value:"Value 22"}
     ];

for(i=0;i<operators.length;i++) {
      
      var singleElement = {
        text:operators[i],
        value:operators[i]
      };

      arr.push(singleElement);
}

var datasource = new kendo.data.DataSource({
      data: arr
    });

datasource.read();

jQuery("#operation").data("kendoDropDownList").setDataSource(datasource);

I get [object Object] where I should have the elements
of operators as values and text on the dropdownlist.

If I try this:

var arr = [
      {text:"Option 11",value:"Value 11"},
      {text:"Option 22",value:"Value 22"}
     ];

for(i=0;i<operators.length;i++) {
      
      var singleElement = "{text:\""+operators[i]+",value:\""+operators[i]+"\"}";


      arr.push(singleElement);
}

var datasource = new kendo.data.DataSource({
      data: arr
    });

datasource.read();

jQuery("#operation").data("kendoDropDownList").setDataSource(datasource);

I get "undefined" where I should have the elements
of operators as values and text on the dropdownlist.

Any idea on how can get the values from "operators" into the datasource and show up on the dropdownlist ? 

Thanks,

Rafael

Hi there,

I'm in the middle of migrating my site to the new SASS css for the new Progress release (Telerik.UI.for.AspNew.Mvc5.2023.2.829), and I'm trying to override the default animated spinning black circle icon with one of the old loading image gifs from one of your classic css styles which matches the site better.

For example, if you override the css with:

.k-loading-image {
    background-position: center;
    background-image: url(images/kendo/loading-image.gif) !important;
    background-repeat: no-repeat;
}

You end up with the new loading image displaying on-top-of / alongside the SASS default loading animation (see attached image), instead of replacing it.

This seems to be the case with old Dojo examples provided by yourselves in the Forum:

https://www.telerik.com/forums/progress-loading---k-loading-image-doesn-t-work-correctly

Can you please provide a way of overriding the loading indicator based on the new SASS style sheets?

Many thanks,

Mike

As the title says, my grid is appending the data -- instead of replacing it -- when I refresh the table.

As far as I can tell, this isn't the intended behavior from Telerik, but I also can't find any settings to set this behavior.

I didn't build these components -- someone else did like 5 years ago. However, I did do the update from 2018-2023 so it's entirely possible I simply missed something.

Kendo UI version ^2023.2.718

And here's my code.

 $('#CorrectiveActionsGrid').kendoGrid({
      toolbar: ['excel'],
      excel: {
        fileName: 'CorrectiveActions.xlsx',
        allPages: true,
      },
      dataSource: {
        type: 'aspnetmvc-ajax',
        transport: {
          read: {
            url: '/LoanAudit/GetAssignmentCorrectiveActions',
            type: 'GET',
            dataType: 'json',
            data: { assignedToId: $('#ddlEmployee').data('kendoDropDownList').value() },
          },
        },
        schema: {
          type: 'json',
          data: 'data',
          total: 'total',
          model: {
            id: 'id',
            fields: {
              id: { type: 'string' },
              loanNumb: { type: 'string' },
              questionText: { type: 'string' },
              note: { type: 'string' },
              status: { type: 'string' },
              caDueBy: { type: 'date' },
            },
          },
        },
        serverPaging: true,
        serverFiltering: true,
        serverSorting: true,
      },
      selectable: true,
      change: function (arg) {
        const selected = $.map(this.select(), function (item) {
          return $(item).find('td').first().text();
        });
        const url = `/LoanAudit/CorrectiveAction/${selected}`;
        window.open(url, '_blank');
      },
      filterable: true,
      sortable: true,
      pageable: {
        refresh: true,
        pageSize: 10,
        pageSizes: [5, 10, 15, 20, 30, 'All'],
        buttonCount: 5,
      },
      columns: [
        { field: 'id', filterable: true, title: 'Corrective Action Id' },
        { field: 'loanNumb', filterable: true, title: 'Loan Number' },
        { field: 'questionText', filterable: true, title: 'Action' },
        { field: 'note', filterable: true, title: 'Reviewer Note' },
        { field: 'status', filterable: true, title: 'Status' },
        {
          field: 'caDueBy',
          filterable: true,
          title: 'Due Date',
          template: "#= (caDueBy == null) ? '' : kendo.toString(kendo.parseDate(caDueBy, 'yyyy-MM-dd'), 'MM/dd/yyyy') #",
        },
      ],
    });

Help?

Hello, 

I need to disable the button that selects the entire sheet in SpreadSheet. I tried to hide it with CSS but the button remains active.

I have highlighted in yellow the button I am talking about in the screenshot below.

Thanks.

when load 

expected