We have an existing Kendo Grid inside a Bootstrap Collapse. We are attempted to enable the Drag & Drop functionality on it. If the Collapse starts out visible, it works as expected; if the Collapse starts out collapsed, drag-and-drop does not work. You can drag, but you can't drop.

I attempted to swap out the Bootstrap Collapse for a Kendo ExpansionPanel, but it suffered the same issues: it works if pre-expanded, and not if pre-collapsed.

Dojo for Collapse

Dojo for ExpansionPanel

I don't see this noted in the known limitations. Is there anything we're doing incorrectly, or is this a bug?

Hello,

I currently have multiple comboBoxes in a modal view, once everythig is opened up there is a single x above the comboBox (photo 1) but if i leave the page and come back a new x will appear over the comboBoxes (photo2). 

the code for the html portion is 

<div data-role="view" data-title="New Simulation" data-layout="back" data-model="app.newSim" data-before-show="app.newSim.beforeShow">
     <a href="#NewSimModal" data-rel="modalview" data-role="button">Open Modal</a>

</div>

<div data-role="modalview" id="NewSimModal" style="width: 75%; height: 70%;  border-style:double;" data-modal="false">
<input id="Manufacturer" />
<input id="ProductFam" />
  <input id="CCT" />
  <input id="CRI" />
  <input id="PartNumber" />
  <a data-role="button" data-click="app.newSim.addLED">add LED</a>
</div>

And a piece of the javascript portion is 

$("#CCT").kendoComboBox({
    dataTextField: "CCT",
    dataValueField: "CCT",
    dataSource: app.CCTData,
    index: 0
});

$("#CRI").kendoComboBox({
    dataTextField: "CRI",
    dataValueField: "CRI",
    dataSource: app.CRIData,
    index: 0
});

$("#PartNumber").kendoComboBox({
    dataTextField: "LEDPartNumber",
    dataValueField: "LEDPartNumber",
    //dataSource: app.data
});

I don't know what is the cause of the error. Maybe someone might have a solution with my issue.

Here is my sample data

Here is my code

function mapDataSource2(model, records) {
        let dataSource = new kendo.data.DataSource({
            transport: {
                read: function (options) {
                    options.success(records); <------ IF I REMOVE THIS, THE ERROR WILL NOT SHOW
                },
                parameterMap: function (options, operation) {
                    if (operation !== "read" && options.models) {
                        return { models: kendo.stringify(options.models) };
                    }
                }
            },
            autoSync: true,
            schema: {
                model: model,
                total: function (data) {
                    return $(data).length;
                }
            },
            pageSize: 50
        });

        return dataSource;
    }

thanks in advance

Greetings,

I am having difficulty getting Kendo grid to function with a row template and detail template set. I am having the same problem on your example(also broken). https://docs.telerik.com/kendo-ui/controls/grid/templates/row-templates#using-row-templates-with-detail-templates

The difficultly is that the anchor link that is suppose to expand the details does not function when both a rowTemplate and detailTemplate is declared.  I have stumbled on older versions using a rowTemplate and detailTemplate that function successfully in past versions but not in version Kendo UI for JQuery 2023.1.425, should I move back to a older version?

Thank you for your time in this matter!

Hi team

Facing issue related to design. When bind records of around 100 groups then it shows result like this.

I tried with some workaround but still have a few issues. Tried to set the width of the columns using the below code. It increases size but the appointments size not increasing refer to below.

I tried the approach stated on https://www.telerik.com/forums/change-row-height-in-week-and-day-view, but this only allows a minimum row height of around 22 pixels.

I found some old code of mine, which allowed the desired height (about 16 pixels), but the code only works up to version 2021.3

See https://dojo.telerik.com/AvOkisad which uses ".k-scheduler-table td,.k-scheduler-table th { height: 1em }"

How can this be achieved in the latest release, as you can see it doesn't work as shown here https://dojo.telerik.com/iYoCobuG 

Hi Team

I want to set some custom text ex:- Available , to all empty slots in Scheduler. please tell me how can I Achieve this.

Regards

I've been asked to add this scroll behavior to the taskboard, so that when a user drags a task card horizontally (or vertically), and there is a scroll bar, it auto scrolls in that direction so the user doesn't have to drop the card, manually scroll, and move the card again to the desired column.

I can't tell if I've missed something in the implementation or if this is a feature that has not been added yet. 

I managed to get it to scroll by grabbing the card with selected/highlighted text but I think this is just a hack: https://gyazo.com/b4b6e7cf539a34a361a4052768ffe59c 

This is a link to the demo provided in the docs I've been using to test the behavior: https://dojo.telerik.com/iTIViRAB/18

I am trying to display some series in a kendoChart. What is really weird is that they show then disappear in less than one second as soon as the page is loaded.

Here is my relevant HTML code :

<div id="chartOccupation" class="" style="height: 300px;"></div>

Here is my JavaScript code :

$("#chartOccupation").kendoChart({
            theme: "bootstrap",
            title: {
                text: "Répartition Occupation / Type séjour ",
                position: "bottom",
            },
            legend: {
                visible: true,
                position: "bottom",
            },
            series: [{
                name: 'séjour long',
                type: 'line',
                field: 'value',
                categoryField: 'date',
                data: [
                    {
                        value: 10,
                        date: new Date("01/01/2012")
                    }, 
                    {
                        value: 20,
                        date: new Date("01/04/2012")
                    }, 
                    {
                        value: 30,
                        date: new Date("01/07/2012")
                    }
                ]
            }],
            valueAxis: {
                min: 0,
                max: 100,
                majorUnit: 10,
                line: {
                    visible: false,
                },
                labels: {
                    format: "{0}%"
                },
            },
            categoryAxis: {
                labels: { dateFormats: { days: "d" } },
                baseUnitStep: 1,
                type: "date",
                justified: true,
                baseUnit: "days",
            }
        });

So, What is wrong in my code, and how should I fix it? Any idea?

Thanks in advance.