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

Radgrid HeaderStyle-CSS issue

3 Answers 171 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Peeyush
Top achievements
Rank 1
Peeyush asked on 17 Jan 2012, 06:33 PM
Hello,

The following under mentioned css doesn't work in IE8 for radgrid headerstyle-css.
background: -moz-linear-gradient(center top , #4C5766 0%, #313841 99%) repeat scroll 0 0 transparent !important;

I tried this in case of firefox, and it worked,
    .RadGrid_Default .rgHeader, .RadGrid_Default .rgHeader
    {
          background: -moz-linear-gradient(center top , #4C5766 0%, #313841 99%) repeat scroll 0 0 transparent !important;
    border: 1px solid #313841 !important;
    height:35px;
    }

but, for IE it shows white header with border on all sides for headers, but the background css doesn't workout,
any help on this will be highly appreciated, its urgent please help!

Thanx in advance!

3 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 18 Jan 2012, 05:25 AM
Hello,

In CSS3 prefix -moz- is used for firefox. For IE you can try the following.

CSS:
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4C5766', endColorstr='#313841')"; /* IE8 */

Thanks,
Princy.
0
Peeyush
Top achievements
Rank 1
answered on 18 Jan 2012, 07:45 AM
Thanx Princy!

Though the background is set, but the color looks somewhat different its not exactly the same, and also now the column borders are missing.
PFA the screenshot of how the grid headers look without borders in IE8 and with borders in firefox.

Thanx!

0
Peeyush
Top achievements
Rank 1
answered on 30 Mar 2012, 03:02 PM
Hello Princy,

Can you please suggest me the css for safari for the same thing, as in safari its not working.
any help on this will be highly appreciated, its urgent please help!

As suggested i used the following Css for firefox and IE8
    .RadGrid_Default .rgHeader, .RadGrid_Default .rgHeader
    {
          background: -moz-linear-gradient(center top , #4C5766 0%, #313841 99%) repeat scroll 0 0 transparent !important;/*firefox*/
    border: 1px solid #313841 !important;
    height:35px;
    }
    
        .RadGrid_Default .rgHeader, .RadGrid_Default .rgHeader
    {
         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4C5766', endColorstr='#313841')"; /* IE8 */
         border: 1px solid #313841 !important;
         height:35px;
    }

Thanx!
Tags
Grid
Asked by
Peeyush
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Peeyush
Top achievements
Rank 1
Peeyush
Top achievements
Rank 1
Share this question
or