Radgrid Header Image Border

[Alex]

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

[Venelin]

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