This is a migrated thread and some comments may be shown as answers.

IE vs Firefox - Grid Header Color

1 Answer 26 Views
Grid
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Adam
Top achievements
Rank 1
Adam asked on 08 Nov 2010, 11:36 AM
Hi all, sorry for this being a basic one - In FF all works as expected, mouse-over colour is good, header text doesn't get an 'a href' type underscore, sorting doesn't change header text colour.

In IE 6 (sorry the biz demand it...) white header text gets an underline on mouse-over. Once a column has been used for sorting (presume a:visited) it gets a dark text colour (same as the grid main text colour) unless its the current sorted column in which case it stays white.

Obviously CSS is confusing IE somehow. I presume its t-link and t-header that control MVC grid header text: Would anyone have some clues as to why IE doesn't do the same as FF? No laughing at the back there please.

Heres the CSS:

.t-widget,
.t-link,
.t-popup
{
    color: #333;
}

.t-header,
.t-header .t-link
{
    color: #fff;
}

.t-state-hover,
.t-state-hover .t-link,
.t-header .t-state-hover,
.t-group .t-state-hover
{
    color: #333;
}

 .t-header {

    background-color: rgb(0, 51, 153);
    color: rgb(0, 0, 255); /* this is the header here for notsortable */
    font-weight: bold;
}

 .t-header .t-link {

    font-weight: bold;
    color: rgb(0, 255, 0); /* this is the header here for sortable */
}

.t-header {
    background-color: rgb(0, 51, 153);
    font-weight: bold;
}

 .t-header .t-link {
    font-weight: bold;
}

 .t-header .t-state-hover {
    background-color: rgb(6, 64, 168);
    color: rgb(255, 255, 255);
}

Thx in advance.

1 Answer, 1 is accepted

Sort by
0
Alex Gyoshev
Telerik team
answered on 09 Nov 2010, 10:55 AM
Hi Adam,

The link / visited / active pseudo-classes are cumbersome to override, therefore we did not include them in the stylesheet. You've got two options:
  • remove the :link / :visited / :active pseudo-classes from the CSS template
  • add :link / :visited / :active selectors on every .t-link rule,
    .t-header .t-link -> .t-header .t-link:link, .t-header .t-link:visited, .t-header .t-link:active

All the best,
Alex Gyoshev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Grid
Asked by
Adam
Top achievements
Rank 1
Answers by
Alex Gyoshev
Telerik team
Share this question
or