Progress® Telerik® UI for ASP.NET AJAX Feedback Portal
Back to Feed
Request a Feature Report a Bug
Completed
Last Updated: 23 Jul 2015 07:23 by Andre Light
ADMIN
Misho
Created on: 06 Jul 2015 10:29
Category: Button
Type: Feature Request
1
RadButton with button type checkbox or radio has incorrect margin in Silk and Glow in Internet Explorer
RadButton with button type checkbox or radio has incorenct margin in Silk and Glow.

Due to the negative value of the margin, the checkbox/radio button icons are partially hidden.

The following CSS fixes the issue (for Silk skin):
    .rbCheckBox.RadButton_Silk .rbToggleCheckbox.rbIcon, .rbCheckBox.RadButton_Silk .rbToggleCheckboxChecked.rbIcon, .rbCheckBox.RadButton_Silk .rbToggleCheckboxFilled.rbIcon, .rbToggleButton.RadButton_Silk .rbToggleCheckbox.rbIcon, .rbToggleButton.RadButton_Silk .rbToggleCheckboxChecked.rbIcon, .rbToggleButton.RadButton_Silk .rbToggleCheckboxFilled.rbIcon, .rbRadioButton.RadButton_Silk .rbToggleRadio.rbIcon, .rbRadioButton.RadButton_Silk .rbToggleRadioChecked.rbIcon {
    margin: 0 !important ;
2 comments
Andre Light
Posted on: 06 Jul 2015 13:35 
We can't set margin: 0 because then it eliminates the space between the check box/radio and the associated text.  Instead, set margin-left: 0 !important.
Andre Light
Posted on: 06 Jul 2015 13:26 
This problem applies to the Glow skin.  No other skins are affected.
Create an account Log In
View
Type
Status
Category