Telerik Forums
Kendo UI for jQuery Forum
1 answer
136 views

I need something like this, but for web:

https://docs.telerik.com/devtools/winforms/controls/gridview/expression-editor/expression-editor

If not, are there plans to add it?

Thanks.

Neli
Telerik team
 answered on 06 Dec 2022
0 answers
1.3K+ views

Download 2022.1.301 commercial. The file is 10 MB or so. Same for versions 2022.1.412, 2022.2.510, 2022.2.621, 2022.2.802, and 2022.3.913.

When we get to the 2022.3.1109 commercial download it is no longer included. A 1kb file is there with build statements like importing other files. I need the real file.

Paul
Top achievements
Rank 1
Iron
Iron
Veteran
 asked on 17 Nov 2022
6 answers
788 views
I am trying to build a single page application with Kendo UI. I have 7 drop down lists and 2 combo boxes on a form. 2 out of 7 drop downs will have same values. 
What is the best way to get data and bind to these controls?

1. Make everything an individual datasource
2. One data source which will have all the collections and bind them once the read request is completed
3. Any other approach?

Neli
Telerik team
 updated answer on 16 Nov 2022
1 answer
5.5K+ views
Hello,
I have the following problem, many warnings of "Added non-passive event listener to a scroll-blocking 'wheel' event" are generated, to avoid these warnings I have found the following library (https://unpkg.com/default-passive- events@2.0.0/dist/index.umd.js), with this library loaded, it does not throw the warnings, but I was wondering if it is a suitable solution to put a grid in a production environment.

error:



solution: https://unpkg.com/default-passive-events@2.0.0/dist/index.umd.js
Nikolay
Telerik team
 answered on 27 Sep 2022
1 answer
77 views

Hi,

I had to add the grid to part of my gantt page in the app and as soon as I added the grid, gantt drag and drop of columns started to fail.

On column drop lib fails with the following error:

Uncaught TypeError: Cannot read properties of undefined (reading 'lockable')
    at init._allowDragOverContainers (kendo.all.js:311085:87)
    at init._dropTargetAllowed (kendo.all.js:311085:87)
    at init.drop (kendo.all.js:311085:87)
    at init.trigger (kendo.all.js:311085:87)
    at init._trigger (kendo.all.js:311085:87)
    at init._drop (kendo.all.js:311085:87)
    at kendo.all.js:311085:87
    at init._withDropTarget (kendo.all.js:311085:87)
    at init._end (kendo.all.js:311085:87)
    at init.trigger (kendo.all.js:311085:87)

Problem is reproducible in the following Dojo

To reproduce issue, just try to change the order of the columns in the gantt widget.

Result: Widget breaks on drop and any drag or drop is not possible. Browser console shows error described above.

Expected result: Columns reordered

Tested with Chrome and Firefox.

If there is anything else I can do to help, please let me know.

Neli
Telerik team
 answered on 05 Sep 2022
2 answers
78 views

Hi,

I have been testing what's the best way to create custom theme swatches, so that they're easy to maintain between Kendo upgrades.

Is it possible somehow to use theme variables inside the json file (of the swatch)?

Here is an example, where I try to use "$component-border" to set border color for tabs:

"name": "Tabstrip",
"variables": {
    "tabstrip-item-border": {
        "name": "Tabstrip item border color",
        "type": "color",
        "value": "$component-border !default"
    }
}

 

When running "npm run sass:swatches", it gives me error message: "Error: Undefined variable: "$component-border"."

It works if I hard code the color like this:

"name": "Tabstrip",
"variables": {
    "tabstrip-item-border": {
        "name": "Tabstrip item border color",
        "type": "color",
        "value": "#fc0303"
    }
}

Magdalena
Telerik team
 answered on 23 Aug 2022
1 answer
81 views

I am trying to populate the kendo panel control using the below json

var jsondata = { "Heading 1": 
[{ "ID": 1, "Name": "TEST 1" }, { "ID": 2, "Name": "TEST 2" }, 
{ "ID": 3, "Name": "TEST 3" }, { "ID": 4, "Name": "TEST 4" }, 
{ "ID": 5, "Name": "TEST 5" }, { "ID": 6, "Name": "TEST 6" },
],
 "Heading 2": 
 [{ "ID": 1, "Name": "TEST 1" }, { "ID": 2, "Name": "TEST 2" },
 { "ID": 3, "Name": "TEST 3" }], 

 "Heading 3": [{ "ID": 1, "Name": "TEST 1" }, 
 { "ID": 2, "Name": "TEST 2" },
 { "ID": 3, "Name": "TEST 3" }] };

 

Heading 1, Heading 2, Heading 3 will be the heading of the panels and the "Name" will be the subitems

JS FILE :

$(document).ready(() => {
    $("#pageLoader").hide();

    $("#panelbar").kendoPanelBar();
    var panelBar = $("#panelbar").data("kendoPanelBar");



    $.each(Object.keys(jsondata), function (i, row) {
      // trying to get all the names into an array
        let array = new Array(Object.values(jsondata)[i].length);

        $.each(Object.values(jsondata)[i], function (j, datarow) {

            array[j] = Object.values(jsondata)[i][j].Name;
        });



        panelBar.append([
            {
                text: row,
                items:  ??? 

            }
        ]);
    });
}); 

 

Below are the things I have tried :

items : array (subitems are populated but they are shown as "undefined")

items : [{text :  array }] (all the subitems are displayed as one item with comma separated values)

 

How are we supposed to give:

items : [{

text : "TEXT 1"

},

{

text : "TEXT 2"

}

]

I want to do the above thing but not hard code. In a loop or something.

Sneha
Top achievements
Rank 1
Iron
 answered on 09 Aug 2022
1 answer
61 views

Hello Team,

Could you let us know how to reduce the size of "kendo.all.min.js" (4.09 MB), kendo.bootstrap-v4.min.css (839 KB) and kendo.common.min.css (385 KB).

Thank you.

Lyuboslav
Telerik team
 answered on 19 Jul 2022
0 answers
50 views
Hello,

I am using jQuery Kendo Grid Group and I want to achieve selection and Deselection of all child Records of group when particular group is selected .
qukol
Top achievements
Rank 1
 asked on 16 Jul 2022
3 answers
101 views

https://store.falafel.com/collections/training-guides/products/kendo-ui-nuts-and-bolts

I'm considering on purchasing this to help me get up to speed with kendo ui.

 

Bill
Top achievements
Rank 2
Iron
 answered on 26 Jun 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?