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

RadGrid Migration

1 Answer 36 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Preetam Ray
Top achievements
Rank 1
Preetam Ray asked on 26 Sep 2008, 11:49 AM
Hi I have migrated my code to the latest version of Telerik i.e. Q2 2008. But I am facing a problem with RadGrid migration like say i am using a custom skin and expand/collapse images are not visisble in IE (Version 6) though they are working fine in FireFox. I am using the following css

.RadGrid_NewGrid

{

background: #005596;

border-top: 1px solid #000000;

border-bottom: 1px solid #000000;

color: Black;

font: normal 11px Arial, Verdana, Sans-serif;

text-align: left;

cursor: default;

}

.RadGrid_NewGrid

th,

.RadGrid_NewGrid

th a

{

font:bold 11px tahoma,sans-serif;

color:#000;

}

.RadGrid_NewGrid

,

.RadGrid_NewGrid

a

{

font:11px tahoma,sans-serif;

color:#000;

}

.MasterTable_NewGrid

{

border:0px !important;

/*-moz-user-select: none;*/ /*disables text selecting in Firefox to combat unpleasant visual appearance*/

}

.GridHeader_NewGrid

{

border-left: solid 1px #000000;

border-right: solid 1px #000000;

border-bottom: 1px solid #000000;

color: Black;

height: 34px;

background-color: #005596;

}

.GridHeader_NewGrid

a

{

/*background-color: #005596;*/

}

.GridLines_NewGrid

td

{

color:Black;

/*background: #005596;*/

}

.GridRow_NewGrid

{

background-color: #f3f0eb;

height: 20px;

color:Black;

border:none;

}

.GridRow_NewGrid

td

{

color:Black;

border:none;

}

 

 

 

.GridAltRow_NewGrid

{

background-color: #cdc6bc;

height: 20px;

color:Black;

border:none;

}

.GridAltRow_NewGrid

td

{

color:Black;

border:none;

}

.GridPager_NewGrid

{

background: #7D6A55;

color: black;

height: 17px;

}

.GridPager_NewGrid

td

{

border-left: solid 1px #000000;

border-right: solid 1px #000000;

color: black;

padding-left: 11px;

}

.GridPager_NewGrid

a

{

color: black;

font-weight: bolder;

}

 

.GridHeader_NewGrid

img

{

vertical-align: middle;

}

td.GridHeader_NewGrid

input

{

width: auto;

float: left;

border: solid 1px #666;

border-top: solid 1px #000000;

border-left: solid 1px #000000;

border-right: solid 1px #000000;

border-bottom: solid 1px #000000;

background: #fafafa;

font: bold 10px Verdana, Arial, Sans-serif;

color:black;

height: 14px;

vertical-align: middle;

}

/* grouping button */

.GroupPanelItems_NewGrid

{

background: #cdc6bc;

color: black;

border: solid 1px #000000;

border-top: solid 1px #000000;

border-left: solid 1px #000000;

border-right: solid 1px #000000;

border-bottom: solid 1px #000000;

white-space: nowrap;

font-size: 11px;

}

tr.GroupHeader_NewGrid

{

background: #7D6A55;

color: white;

font-size:8pt;

font-weight: bold;

height: 20px;

border-left: solid 1px #000000;

border-right: solid 1px #000000;

}

.GroupPanel_NewGrid

{

height: 20px;

width: 100%;

text-align: left;

background: #cdc6bc;

border-bottom: 1px solid #000000;

border-top: solid 1px #000000;

border-left: solid 1px #000000;

border-right: solid 1px #000000;

border-collapse: collapse;

}

.GroupPanel_NewGrid

td

{

color:#000;

}

.RadGrid_NewGrid

.rgCollapse

{

background-image:url('Grid/SingleMinus.gif');

}

.RadGrid_NewGrid

.rgExpand

{

background-image:url('Grid/SinglePlus.gif');

}


Please let me know if I am missing out anything.

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 29 Sep 2008, 01:04 PM
Hi Preetam Ray,

The latest official version of RadControls for ASP.NET AJAX is Q2 2008 SP1 (2008.2.826) - are you using that one? If not, it is very likely that the problem is caused by RadFormDecorator (try removing it from the page to verify this). The problem has been fixed in the latest version.

Let us know what the situation is.

As for your custom skin - it is missing width, height and background-repeat styles for the expand/collapse sprite buttons, which are recommended to be used.

Greetings,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
Grid
Asked by
Preetam Ray
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or