RadRadioButtonList only has Lightweight Render Mode: http://docs.telerik.com/devtools/aspnet-ajax/controls/radiobuttonlist/mobile-support/render-modes Thus, issues when Classic Button* controls are used are expected: http://docs.telerik.com/devtools/aspnet-ajax/controls/radiobuttonlist/troubleshooting/distorted-appearance
This issue seems to happen only with the "Default" skin. If one drops the telerik.web.ui.skins.dll into their bin directory and adds a project reference to it (and, in my case, closes and restarts Visual Studio) and then finally selects other skins, the RadRadioButtonList displays fine. So I guess this would be another work-around.
https://www.screencast.com/t/94lrI989Y
Workaround:
html .RadButton_Default .rbToggleCheckbox,
html .RadButton_Default .rbToggleCheckboxChecked,
html .RadButton_Default .rbToggleCheckboxFilled,
html .RadButton_Default .rbToggleRadio,
html .RadButton_Default .rbToggleRadioChecked {
background-image: none ;
}
html .RadRadioButton.RadButton .rbText,
html .RadCheckBox.RadButton .rbText {
padding: 0;
}