Grid drag-and-drop doesn't work inside Bootstrap Collapse or Kendo ExpansionPanel

1 Answer 99 Views
Drag and Drop ExpansionPanel Grid
Andrew
Top achievements
Rank 1
Andrew asked on 15 Jun 2023, 05:52 PM

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?

1 Answer, 1 is accepted

Sort by
0
Martin
Telerik team
answered on 20 Jun 2023, 10:57 AM

Hello, Andrew,

I managed to get the ExpansionPanel example to work by binding to the expand event and using the code snippet below:

expand:function(){
            setTimeout(function(){
              $("[data-role='grid']").each(function(){
                var grid = $(this).data("kendoGrid")
                grid.setOptions({
                  reorderable: {
                    rows: true
                  },
                })
              })
            },500)
          }

Here is the modified example for reference.

Let me know if that

Regards,
Martin
Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.
Tags
Drag and Drop ExpansionPanel Grid
Asked by
Andrew
Top achievements
Rank 1
Answers by
Martin
Telerik team
Share this question
or