Last Updated: 19 Oct 2023 12:01 by ADMIN
Created on: 25 Aug 2022 16:16
Category: TileLayout
Type: Bug Report
RadioGroup checked radio button is unchecked when nested in a TileLayout and the tile is reordered

Bug report

Reproduction of the problem

Dojo example: https://dojo.telerik.com/oDOcanIk

  1. Drag tile A and drop it after tile B

Current behavior

The checked radio button of the RadioGroup appears unchecked.

Expected/desired behavior

The RadioGroup check state remains the same.


  • Kendo UI version: 2022.2.802
  • jQuery version: x.y
  • Browser: [all]
Ivan Danchev
Posted on: 19 Oct 2023 12:01


Unfortunately, currently we don't have a workaround that covers this scenario.

Ivan Danchev
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages. If you're new to the Telerik family, be sure to check out our getting started resources, as well as the only REPL playground for creating, saving, running, and sharing server-side code.

Posted on: 12 Oct 2023 12:32
The proposed solution works in most cases. It does not work however if you start dragging a tile, but not so far that it "removes" the original from view. If you drag it just a few pixels and then release it the radio button will not be checked. Using Asp.NET Core KendoUI
Ivan Danchev
Posted on: 01 Sep 2022 11:48


As a temporary workaround until the an official fix becomes available, you can use the approach below:

1. Handle the reorder event of the TileLayout.

2. In the handler, you can set the value of the RadioGroup like this:

function onReorder(e) {
	var radioGroup = $("#radiogroup").data("kendoRadioGroup");


Ivan Danchev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.