[Solved] Checkbox design problem with Opera

[Stefan]

Hello,

we are encountering a design problem when using the TreeView component with checkboxes under Opera. The checkboxes are just invisible. I have attached a screenshot where you can see what I mean. To reproduce the problem you can just open the demo on your site with Opera. Is there any possibility to fix it (or will you provide one in the future) or at least a workaround?

Regards from Germany
Stefan

Edit: we are using version 2011.2.914

[Stefan]

I just build a proof of concept application to analyze another problem with the TreeView (see nodeCheck does not work). When testing I found out, that Opera displays the checkboxes in that application. Although I don't know why I assume it has something to do with the stylesheets...

[y]

checkbox support
three state
demo

[Stefan]

SOLUTION

For anyone else who has this problem: after opening a ticket we have received the following answer, which works fine:

Thanks for reporting this problem. It can be resolved by making the following changes to telerik.common.css. We will implement them for the next internal build.

OLD

.t-widget,
.t-input
{
    border-width: 1px;
    border-style: solid;
}

.t-checkbox .t-input
{
    border-width: 0;
}


NEW

.t-widget,
.t-input[type="text"]
{
    border-width: 1px;
    border-style: solid;
}

* html .t-input
{
    border-width: 1px;
    border-style: solid;
}

* html .t-checkbox .t-input
{
    border-width: 0;
}


OLD

.t-autocomplete,
.t-input
{
    padding:2px 1px 3px;
}


NEW

.t-autocomplete,
.t-input[type="text"]
{
    padding:2px 1px 3px;
}

* html .t-input
{
    padding:2px 1px 3px;
}