How to improve checkbox visibility of a checkbox column in regular mode

[suresh]

Hi there,
Im using radgrid with checkboxcolumn. Im aware of, checkbox is only  enable on editable mode(i.e..after clicking edit button). My problem is, for a normal mode checkbox doesn't show clearly in  some browsers like mozila,etc... I need to improve the visibility of the checkbox in normal mode(probably set the border color)..Is it possible to apply css for checkbox inside a checkboxcolumn or highlight the border color in a normal mode?....Thanks in advance,,

Regards,
Suresh

[Maria Ilieva]

Hello Suresh,

You could apply the following css on the page in order to apply the required setting:

<style type="text/css">
        input[type=checkbox][disabled]
        {
            outline: 2pxsolidblack;
        }
    </style>

 I hope this helps.

Greetings,
Maria Ilieva
the Telerik team

[suresh]

Thanks Maria Ilieva ,
Thats working..But border lines applied few inches away from the checkbox for all sides(i.e square of the checkbox). please refer this link http://jsfiddle.net/hGptT/4/  ..But i want just improve the visibility of checkbox.

Regards,
Suresh

[Maria Ilieva]

Hello Suresh,

Unfortunately this is the only possible approach for changing the appearance of disabled controls in the IE browser. This is browser behaviour and all disabled controls are grayed out. The proposed solution is currently the only possible option to modify that browser beahvior.

Greetings,
Maria Ilieva
the Telerik team

[suresh]

Thanks  Maria Ilieva ,
I solved that problem by using the attribute  'opacity' in css..Checkbox looks better in disable mode..In some cases that attribute needs to include '!important'(to avoid default css settings)..Ex

<style type="text/css">
        input[type=checkbox][disabled]
        {
           opacity:3 !important;
        }
        or
          .cbColumn(Refer this css class into the checkboxcolumn)
           {
             opacity:3 !important;
            }
    </style>

This approach working properly in both IE and mozila firefox...
Regards,
Suresh