ButtonListItem background image off center

1 Answer 27 Views
RadioButtonList
Charles
Top achievements
Rank 1
Iron
Iron
Iron
Charles asked on 10 Jun 2022, 10:46 PM

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
Top achievements
Rank 1
Iron
Iron
Iron
commented on 10 Jun 2022, 10:50 PM

Trying again, skin="" seems to remove the off-center circle.  Still, I'd like to know why "default" has the off-center circle.
Charles
Top achievements
Rank 1
Iron
Iron
Iron
commented on 10 Jun 2022, 11:05 PM

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

1 Answer, 1 is accepted

Sort by
0
Accepted
Rumen
Telerik team
answered on 12 Jun 2022, 04:21 AM

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

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Charles
Top achievements
Rank 1
Iron
Iron
Iron
commented on 14 Jun 2022, 04:12 PM

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
Telerik team
commented on 14 Jun 2022, 05:10 PM

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.
Tags
RadioButtonList
Asked by
Charles
Top achievements
Rank 1
Iron
Iron
Iron
Answers by
Rumen
Telerik team
Share this question
or