As you can see my actual dropdownlist input "Water" that is selected is 11px font size, How can i set the same size for popup values as well as it gets added to dom on runtime.

 let uploadedFiles = new kendo.data.ObservableArray([]);
 $("#fileInput").kendoUpload({
     async: {
         autoUpload: false
     },
     validation: {
         allowedExtensions: [".jpg", ".jpeg", ".png", ".xlsx"]
     },
     multiple: true,
     batch: true,
     showFileList: true,
     select: onSelect,
     remove: onRemove
 });

function onSelect(e) {
    const files = e.files;
    const previewContainer = $("#imagePreviewContainer");

    // Loop through selected files and add them to the uploadedFiles array
    files.forEach(file => {
        uploadedFiles.push(file);

};

i am using this but when i selected multiple files like images then all selected files are come into bulk in one array i want that in seperately one by one 

Hi Team, 

I an having some difficulties with the kendo grid here is the Dojo example : https://dojo.telerik.com/fiaCOGgH

As I can not scroll below this point, I clicked on the Page 4 in the Pager and i was able to see the last row see below screenshot :

Hi,

Was wondering if there is a way to get the actual active sheet as soon as it is selected. the selectSheet handler will access the previous sheet and its properties:

Is there a later event that will allow me to grab the activeSheet and tap into its properties? I am trying to get the sheet name, so I can cross reference it against a data source. but I need this info prior to someone selecting a cell (prior to a change event or accessing the change event handler) on the newly selected active sheet.

I need to grab the activeSheet as soon as the sheet is selected... I need to get the actual sheet that was selected on the event and NOT the previous sheet. Apparently activeSheet is updated after the selectSheet event. If I try to do this on the change event, it slows things down on the selection of the cell I am editing.

Thanks!

George

After upgrading to 2024 Q4, the function to export charts to images no longer works.

var chart = $("#chart").getKendoChart();
    chart.exportImage().done(function(data) {
        kendo.saveAs({
            dataURI: data,
            fileName: "chart.png"
        });
    });

The error received is: Uncaught TypeError: chart.exportImage(...).done is not a function.

This can also been seen in the API examples.
https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/methods/exportimage

I am attempting to change my existing NumericTextBox to do something custom when the value is zero. It was requested that we display a double zero in that one scenario. All other scenarios should act the same as they do out of the box for the NumericTextBox. Is this do-able with the existing functionality of the NumericTextBox?

Basically the request is to do this --

Value: 0

Display: 00

Value: 234

Display 234

When hovering over the legend of a series in a Line Chart, the chart is rendering a marker for every data point in the series. I was wondering how I can disable this functionally so that only the series line gets highlighted when a legend item is hovered.

In the series object I am setting the markers visible value to false and setting the highlight's opacity.

highlight: {
    inactiveOpacity: .3,
    opacity: 1
},
markers: { visible: false },

When no series is highlighted, no markers appear: I wish to keep this.


When a series is highlighted, only the marker at the data point appears: I wish to keep this.


When a series legend is hovered, a marker for every data point appears. How can I get it to look like the second image to where no markers are shown and only the legend item's associated series is highlighted?

Hi All, I have just updated to 2024.4.1112 from 2024.1.130 and the fist thing I notice is that the selected tab in a tabstrip appears differently to how it was before - now it has bold text and a strange border (when hovering).  Looking in the release notes there is a note saying "TabStrip rendering mismatch more info here" which takes me to a page with info about modifying CSS rules (which I don't want to do).

Here's what it used to look like (nice):

Here's what it looks like now (harsh):

Here's how I create the TabStrip:

        var tabStrip = e.detailRow.find("#leadDetailsTabstrip").kendoTabStrip({
            animation: { open: { effects: "fadeIn" } },
            activate: dcLead.onActivateTab,
        }).data("kendoTabStrip");

Have I missed something?

Gordon

Hi,

I need to know that is it possible to change the order of Kendo Grid Footer components like Pagination, Refresh button, Items Per page etc.