Hi,

is there some way to edit the template (header and footer) of a table, ich want to reorganise some elements and change the design of Kendo UI?

Thx for your help

Hello, is it possible to remove the header and footer toolbars from gantt component? 

I tried already with css

.k-gantt-header, .k-gantt-footer {
        display: none;
    }

HI All,

I have a grid in which each row consists of some dropdown lists and text boxes. 

Users can edit each of the rows independently. 

Is there a way to validate the grid even when the user has not clicked on the edit button corresponding to the row? I do not want user to navigate to the next page until all of the data are not corrected on the page. 

I have such a method that converts div with id="pdf-div" to pdf.
Html looks correct, and has all styles that are needed, but result pdf has no font-weight style(that is like font-weight:900) on elements, but font-weight: bold works correct.

kendo.drawing.drawDOM("#pdf-div", {
        scale: scale,
        fitWidth: true,
        paperSize: "A4",
        landscape: isLandscape,
        margin: margin,
        })
        .then(function (group) {
            kendo.drawing.pdf.saveAs(group, fileName, proxyURL, function () {
            //    window.close();
            });
        })

How to create detail-template of grid with MVVM?

This code doesn't work! i can't see the grid

I have requirement where i want to show Day in shift for example 24 days hours can be divided into 3 shift 8 hours each or can 6 hours each.

Against that i wanted to add events in Kendo Scheduler. Each day must have shift as show in below image

in  attached image Shift marked for each day and noted with different color.

Each shift can or can not have events. 

I'm also expecting functionality where events can move across the shifts.

Please suggest

Hello, I have maybe little complicated question.

We are using Kendo Professional sources to build custom version of Kendo. We have custom CSS modifications and some JS components selections.  So when there is a new version, we just get zip with sources from Telerik profile and run modified gulp pipeline. All works fine.

But I'm trying to little more automatic process and I want to use npm package as source. Installed @progress/kendo-ui and used sources in build.

Well, css files seems to be ok, because it is just less compilation. But how to process JS? In downloaded zip file, all JS are for jQuery. But in npm all are as module exports. So I can't use existing gulp tasks to just get custom build.

Is there any way how to use npm and build kendo for pure jQuery use? No Webpack etc.

Hello,

Any help on below much appreciated.

I have two dropdowns using cascading dropdownlist with kendo UI for Asp.net core. Child dropdown depends on parent dropdown. 

When i select a option/item in parent drop down list, child dropdown supposed to enable as parent dropdown list has value selected. But child drop list is NOT enabling ad remain disabled.

Below is my code snippet. 

See below, option "Category_2" selected but still child dropdown "Product" is not enabled.  I tried many solutions, still No luck.

Please help me on this.

How do you inject additional data to a drop down that uses remote data?

I would like to end up with a ProductID=0 and ProductName="Select Choice" as the first option.

  $(document).ready(function() {
                    $("#products").kendoDropDownList({
                        dataTextField: "ProductName",
                        dataValueField: "ProductID",
                        dataSource: {
                            transport: {
                                read: {
                                    dataType: "jsonp",
                                    url: "https://demos.telerik.com/kendo-ui/service/Products",
                                }
                            }
                        }
                    });
                });

Hi,

I just upgraded to Kendo UI 2021 R1 version from 2020 R2.

Now I am trying to implement simple predefined (column) views for my gantt widget.

I have approx. 35 possible columns for my gantt and five "config" arrays which define which columns should be visible and in which order (usual case is 5-10 columns visible at the time). I have five buttons which trigger reorder and show/hide columns methods from gantt list.

I made this to work, but this tends to be quite slow specially if my project has many elements in tree.

Just to reorder elements before showing/hiding them, it takes more than half second (closer to 1 sec) per item to reorder as shown below.

measure reorder 0.9938250000122935
measure reorder 0.84582499996759
measure reorder 0.8179099999833852
measure reorder 0.8124349999707192
measure reorder 0.8222400000086054
measure reorder  0.670899999910034

Then, to show desired columns and hide others it takes additional 0.5 sec per hide/show method. (see below)

measure  show 0.5577549999579787
measure  show 0.43599000002723187
measure  show 0.4385149999288842
measure  show 0.42784000001847744
measure  show 0.44247000000905246

measure hide 0.4437199999811128
measure hide 0.440279999980703
measure hide 0.4344099999871105
measure hide 0.43585499993059784
measure hide 0.4289250000147149
measure hide 0.4369650000007823

This results in quite slow response - changing of views takes between 2 (smaller projects) to 10 seconds (medium/bigger projects).

measure table switch 9.914615000016056

Is there any better way to do this or could I simply prepare view in behind and replace current gantt.list.columns array with new one - because this switching logic is not acceptable from performance of point of view.

UPDATE: I tested further - seems that depth and how much tree is expanded is making a big impact on performance.

Thank you and best regards,

Vedad