ButtonListItem background image off center

[Charles]

Hello, I'm using a simple RadRadioButtonList.

The background image for the buttons is off-center, and looks really bad:

Using the browser devtools, disabling the background image removes the off-center black circle.

I haven't figured out how to disable it otherwise, or how to fix it.  I don't desire to have any skin whatsoever, but I haven't figured out to do that either.  Skin="" doesn't seem to do anything on the control.

If I have to create a custom skin, I'll throw in the towel and use the built in asp.net controls.

Advise?

Thanks.

[Charles]

Trying again, skin="" seems to remove the off-center circle.  Still, I'd like to know why "default" has the off-center circle.

[Charles]

RadCheckBox also has the off center image, this time a square:

[Rumen]

Hi Charles,

Do you have RadButton on the page along with the CheckBoxes/Radio buttons?

Please see the following KB on the matter: Distorted Appearance and Determine the render mode of all Telerik controls and catch mixed render mode issues.

Best Regards,
Rumen
Progress Telerik

[Charles]

Yes I have a RadButton.  Changing the RenderMode on the button did resolve it.

This is a curious default that you have for OOB functionality.

Charles

[Rumen]

The classic render mode is discontinued as of 2015 but at the same time, we do not want to force lightweight as the default rendering engine because of backward compatibility. The CheckBox is released after the classic render mode discontinuation and offers only lightweight rendering only. This is the reason for the mixed render mode.