I'm using the default theme with the FormDecorator. It doesn't appear there are any special BG images that represent a disabled checkbox, when checked and unchecked. My disabled checkboxes appear as though they are enabled (they are not checkable however).
The attached file "standard_formdecorator_checkbox_images_for_default_theme.gif" shows the standard BG image from the FormDecorator retrieved via WebResource.axd. There are 4 checkbox states in it. A couple are hover states, but I'm not sure what they all are. I attached this file for reference.
I created the other attached GIF, "disabled_checkbox_bg_image_for_default_theme.gif". This has 2 images in it which represent a disabled checkbox when checked and when unchecked. It would be nice if Telerik could add these state BG images to the FormDecorator. I attached it here for Telerik or anyone else who might find it useful. Here is the CSS I added so this BG image is used:
The attached file "standard_formdecorator_checkbox_images_for_default_theme.gif" shows the standard BG image from the FormDecorator retrieved via WebResource.axd. There are 4 checkbox states in it. A couple are hover states, but I'm not sure what they all are. I attached this file for reference.
I created the other attached GIF, "disabled_checkbox_bg_image_for_default_theme.gif". This has 2 images in it which represent a disabled checkbox when checked and when unchecked. It would be nice if Telerik could add these state BG images to the FormDecorator. I attached it here for Telerik or anyone else who might find it useful. Here is the CSS I added so this BG image is used:
/* Disabled checkbox - checked */ |
.RadForm_Default .rfdInputDisabled.rfdCheckboxChecked, |
.RadForm_Default .rfdInputDisabled.rfdCheckboxChecked:hover |
{ background: transparent url(/images/disabled_checkbox_bg_image_for_default_theme.gif) no-repeat 0 -220px !important; } |
/* Disabled checkbox - unchecked */ |
.RadForm_Default .rfdInputDisabled.rfdCheckboxUnchecked, |
.RadForm_Default .rfdInputDisabled.rfdCheckboxUnchecked:hover |
{ background: transparent url(/images/disabled_checkbox_bg_image_for_default_theme.gif) no-repeat 0 0 !important; } |