This is a migrated thread and some comments may be shown as answers.
Checkbox design problem with Opera
3 Answers 33 Views
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Stefan
Top achievements
Rank 1
Stefan asked on 29 Sep 2011, 10:07 AM
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

3 Answers, 1 is accepted

Sort by
0
Stefan
Top achievements
Rank 1
answered on 29 Sep 2011, 12:51 PM
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...
0
y
Top achievements
Rank 1
answered on 30 Sep 2011, 02:45 AM
checkbox support
three state
demo
0
Stefan
Top achievements
Rank 1
answered on 07 Oct 2011, 12:23 PM
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;
}






Tags
TreeView
Asked by
Stefan
Top achievements
Rank 1
Answers by
Stefan
Top achievements
Rank 1
y
Top achievements
Rank 1
Share this question
or