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

Radgrid Header Image Border

1 Answer 27 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Alex
Top achievements
Rank 1
Alex asked on 28 Nov 2013, 11:12 AM
Hi,

After upgrading to the most recent release of Ajax Radcontrols I'm now seeing an ugly border around an image in a radgrid header. No border is present in the row items, just the header (See image). I've tried all manner of css antics to remove it but nothing works including:

a img
{
    border: none;


.RadGrid a img
{
    border: none !important;
}

I'm using the Office2010Blue Skin. Here's the RadGrid line:-

<telerik:GridImageColumn DataImageUrlFields='Docs' HeaderImageUrl="paperclip.png" SortExpression="Docs" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center"></telerik:GridImageColumn>

Here's the source html that gets generated:-

<th scope="col" class="rgHeader" style="text-align:center;"><input type="image" name="GridView1$ctl00$ctl02$ctl01$ctl00" src="paperclip.png" /></th>

Thanks


1 Answer, 1 is accepted

Sort by
0
Venelin
Telerik team
answered on 03 Dec 2013, 06:51 AM
Hi Alex,

We are aware of this issue, it is fixed and the fix is available in the last internal build. As a workaround you can use this CSS rule:

div.RadGrid input[type="image"],
div.RadGrid input[type="radio"],
div.RadGrid input[type="checkbox"],
div.RadGrid input[type="submit"],
div.RadGrid input[type="range"]
{
    cursor: pointer;
    background-color: transparent;
    border-width: 0;
}

Regards,
Venelin
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
Grid
Asked by
Alex
Top achievements
Rank 1
Answers by
Venelin
Telerik team
Share this question
or