Hi Alberto,
I think in Q3 2010 we have changed the checkbox and radiobuttons sprites of RadFormDecorator in order to improve the UI experience. Actually we have added to more sates in the sprites - Disabled checkbox checked and Disabled checkbox unchecked for checkboxes and Diasabled RadioButton checked and Disabled RadioButton unchecked for the RadioButtons. Also we have removed all base styles related to these elements from Skin specific CSS files to Base stylesheet. Now the Skins specific Default skin looks like that:
/* Decorate <input type="checkbox" /> */
.RadForm_Default .rfdCheckboxUnchecked,
.RadForm_Default .rfdCheckboxChecked,
.RadForm_Default .rfdInputDisabled.rfdCheckboxUnchecked,
.RadForm_Default .rfdInputDisabled.rfdCheckboxChecked
{
background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Default.FormDecorator.CheckBoxSprites.gif")%>');
}
/* Decorate <input type="radio" /> */
.RadForm_Default .rfdRadioUnchecked,
.RadForm_Default .rfdRadioChecked,
.RadForm_Default .rfdInputDisabled.rfdRadioUnchecked,
.RadForm_Default .rfdInputDisabled.rfdRadioChecked
{
background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Default.FormDecorator.RadioButtonSprites.png")%>');
}
/* IE6 - we set .gif")%> image instead of .png")%> due to the lack RGBA support */
.RadForm_Default .rfdRadioUnchecked,
.RadForm_Default .rfdInputDisabled.rfdRadioUnchecked:hover,
.RadForm_Default .rfdRadioUnchecked:hover,
.RadForm_Default .rfdRadioChecked,
.RadForm_Default .rfdInputDisabled.rfdRadioChecked:hover,
.RadForm_Default .rfdRadioChecked:hover
{
_background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Default.FormDecorator.RadioButtonSprites.gif")%>'); /* IE6 hack */
}
And Base Stylesheet:
.rfdCheckboxChecked,
.rfdCheckboxUnchecked,
.rfdRadioUnchecked,
.rfdRadioChecked
{
line-height: 20px !important;
padding: 0 0 0 20px !important;
zoom: 1; /* IE font-size fix when set in percent */
display: inline-block !important;
background-color: transparent;
background-repeat: no-repeat;
}
/* Checkboxes and Radios Sprite Positions */
/* Decorate <input type="checkbox" /> */
.rfdCheckboxUnchecked
{
background-position: 0 0;
}
.rfdCheckboxUnchecked:hover
{
background-position: 0 -200px;
}
.rfdCheckboxChecked
{
background-position: 0 -420px;
}
.rfdCheckboxChecked:hover
{
background-position: 0 -640px;
}
.rfdCheckboxUnchecked.rfdInputDisabled,
.rfdCheckboxUnchecked.rfdInputDisabled:hover
{
background-position: 0 -860px;
}
.rfdCheckboxChecked.rfdInputDisabled,
.rfdCheckboxChecked.rfdInputDisabled:hover
{
background-position: 0 -1080px;
}
/*IE6 Disabled Checkboxes fix*/
*html .rfdCheckboxUnchecked
{
background-position: 0 0;
}
*html .rfdCheckboxChecked:hover
{
background-position: 0 -640px;
}
/* Decorate <input type="radio" /> */
.rfdRadioUnchecked
{
background-position: 1px 0;
}
.rfdRadioUnchecked:hover
{
background-position: 1px -220px;
}
.rfdRadioChecked
{
background-position: 1px -440px;
}
.rfdRadioChecked:hover
{
background-position: 1px -640px;
}
.rfdRadioUnchecked.rfdInputDisabled,
.rfdRadioUnchecked.rfdInputDisabled:hover
{
background-position: 1px -860px;
}
.rfdRadioChecked.rfdInputDisabled,
.rfdRadioChecked.rfdInputDisabled:hover
{
background-position: 1px -1080px;
}
/* IE6 Radio Disabled fix */
*html .rfdRadioUnchecked
{
background-position: 1px 0;
}
*html .rfdRadioChecked
{
background-position: 1px -440px;
}
And if your custom skin -
MioSkin - was created before that fix, and it is ran with our latest release, it is possible to have some problems, as your old sprites does not fit the new improved CSS.
You could find attached RadioButtonSprites.png and CheckBoxSprites.gif - to compare it with your custom skin sprites. If the last two states in sprites are missing, then that should be the problem. You could also try to run your application with any of the embedded Telerik skins, such as Default, to check if the problem still exists. If it works as expected with the embedded skins, then you have to modify a little your custom skin. Just add the disabled states in your sprites and replace your custom CSS code with the new one, provided above.
Best wishes,
Bozhidar
the Telerik team
Explore the entire set of ASP.NET AJAX controls we offer
here and browse the myriad
online demos to learn more about the components and the features they incorporate.