I'm new to Kendo UI/Telerik, but have been a web developer for over 15 years.

Please forgive my title as well, as I could be doing it completely wrong by doing this:

            dataBound:function(){
                $('.toolbar').kendoToolBar({
                    items: [ {
                        type: "splitButton",
                        text: "Edit",
                        click:function(e){
                            var grid = $('#grid').data('kendoGrid');

                            grid.editRow(e.target.parents('tr'))
                        },
                        menuButtons: [
                            { id: "foo", text: "Print", click:function(){alert('print')} },
                            { id: "bar", text: "Delete", click:function(e){
                                    var grid = $('#grid').data('kendoGrid');

                                    grid.removeRow(e.target.parents('tr'))
                                } },
                        ]
                    } ]
                });
            }

But that's what the demo shows. I’m a bit confused as to why this works with a hardcoded data source:

https://dojo.telerik.com/eMUwAqUH

I've been piecing together quite a bit on my own, but one thing has me stumped -- this seems like such a common requirement for Grid usage, and yet my searches don't seem give me anything for jQuery UI.

But as soon as I swap in my real data source (API call), when I hit Edit, then hit Edit again to save the change, the entire box disappears.

I took a short video:

https://www.loom.com/share/9d894316b4364efbae18c01e8ede9db4

This is a pretty big deal for me because all of my data tables are going to be API driven, and I want to use a dropdown for the action columns NOT individual buttons. A lot of the time I’m going to have more than just “Edit and Delete” so a dropdown makes more sense.

Any help would be appreciated, I'm sure you can literally swap out the dataSource and columns with a sample one, and you should get the exact same error. I'm running on the latest version of Edge, but same thing happens in Chrome.

Hello,

I want to hidden insert and data buttons, Can I turn off some feature buttons inside the home button? I will be glad if you help

thank you

Adding a range of values looks like this.

values2 is comma separated string of values enclosed in []

var range = spreadsheet.Range(A1:Z1);

range.values(values2)   This fills each cell with one comma separated value from the string and works well.

range.comment(values2) This fills every cell in the range with the entire string of values2. It does not parse in the same way as range.Values.

on change event - unable to fetch selected values.

Please advise.

<script>

    $(document).ready(function () {

        $("#chk").kendoCheckBoxGroup({
            layout: "vertical",
            autoBind: false,
            items: ["item 1", "item 2", "item 3"],
            
            change: function (e) {

                chkChanged();

            }           
        });
    });

chkChanged = function () {

    debugger;
    var displaynames = $("#chk").kendoCheckBoxGroup().data("kendoCheckBoxGroup");
    var value = displaynames.value().join(",");

    console.log(value)
    
}
</script>

would like to check if the red box up item in the image for paging of the grid be hidden. i know that i can hide using CSS, but i would like to check if the grid have a jquery option to do this instead?

also would like to check if i am able to customised the page size dropdown but adding new page size to it?

When the spreadsheet loads, everything is working perfectly. Data in spreadsheet is big.

Is there a way to disable the selection of whole spreadsheet with

1. ctrl + A button
2. column selection
3. row selection. 

This hangs the chrome browser and pushes CPU to 99 . I tried manually to disable the column and row selection but ctrl +A selecting the whole sheet disables the whole browser.

First a little background information: In our system, we can configure a lot of things. Some of those things are HTML templates with variables that will be replaced by values from the database in our back-end. These variables are marked with brackets, such as `{title}`. If our database contains a field "title", the back-end will replace "{title}" with the actual value from the database in the HTML template.

In some cases, we want to add an inline css style on a HTML element with such a variable. However, Kendo Editor breaks this by removing the closing bracket. It only does this for inline styles, not for other attributes.

I can reproduce this problem on this demo page, by using the "View HTML" tool and pasting this source HTML there:

<div class="optionColor" style="background-color:{hexcolor};">Test</div>

If you click "Update" and then re-open the "View HTML" tool, the HTML will be this:

<div class="optionColor" style="background-color:{hexcolor;">Test</div>

I expect the HTML to stay the same here.

I have tried setting paste cleanup to "none", but that does not fix the problem (I thought that this might maybe be caused by some paste cleanup setting).

Is this a bug? Is there any way to fix this?

Hi,

I'm working on kendo ui timelien, i need to show month name below the event name in scrollbar.

E.g: 4 events, in that 2 events in jan and next 2 events in may then i need to show 2 jan event with below jan month name and show 2 may event with below may month name.

Hi, 

I am little bit confused why DateRangePicker is not working properly as an 'editor' item in form while DatePicker is working properly

I am still learning Kendo so forgive me for my lack of knowledge.
Btw kendo version which I am using is 2022.1.301.

Thanks