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

Remove Grid Image

5 Answers 70 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Moustafa
Top achievements
Rank 1
Moustafa asked on 15 Jun 2010, 01:24 PM
Hi Telerik team,
Is there any way to remove the Rad Grid Header images applied to it as  a style
please check the following image  if you do not understand my question
http://www.4shared.com/photo/cEuegqd9/_online.html

Tools
asp.net 3.5
rad controls for asp.ne ajax 2009 Q3
windows 7



5 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 15 Jun 2010, 01:35 PM
Hi Moustafa,

Please use the following CSS rule:

div.RadGrid_Web20  .rgHeader,
div.RadGrid_Web20  th.rgResizeCol
{
        background-image: none ;
}

You may also want to read the following article about how to override embedded skins:

http://blogs.telerik.com/dimodimov/posts/08-06-17/how_to_override_styles_in_a_radcontrol_for_asp_net_ajax_embedded_skin.aspx


All the best,
Dimo
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.
0
Moustafa
Top achievements
Rank 1
answered on 15 Jun 2010, 01:49 PM
thanks very much for your reply

but Im very sorry,I  need  more question how can I also remove lines that separate the columns ??

0
Accepted
Dimo
Telerik team
answered on 15 Jun 2010, 01:56 PM
Hello Moustafa,

For that, please refer to the following code library example:

How to add or remove RadGrid borders

Regards,
Dimo
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.
0
Moustafa
Top achievements
Rank 1
answered on 15 Jun 2010, 02:07 PM
First many thanks for your fast and useful replies

,this done the trick but when the mouse moved over an item (row) in the grid it causes  flickering in enitre grid as mouse over effect

Can I have a solution for this please?
0
Dimo
Telerik team
answered on 15 Jun 2010, 03:10 PM
Hi Moustafa,

Also add

div.RemoveBorders .rgRow td,
div.RemoveBorders .rgAltRow td,
div.RemoveBorders .rgEditRow td,
div.RemoveBorders .rgFooter td
{
    border-width:0;
    padding-left:7px;
}

Best wishes,
Dimo
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
Moustafa
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Moustafa
Top achievements
Rank 1
Share this question
or