
Jonas Toft Christensen
Top achievements
Rank 1
Jonas Toft Christensen
asked on 30 Nov 2009, 09:46 AM
I notice that on the telerik demos as well as in my own apps, when I click the outside border of my grid, the border changes from solid to dotted. Is there a workaround for this?
5 Answers, 1 is accepted
0
Accepted

Princy
Top achievements
Rank 2
answered on 30 Nov 2009, 11:11 AM
Hello Jonas,
Try setting the outline:none CSS style and see if it removes the dotted border which RadGrid displays when focused.
css:
Thanks
Princy.
Try setting the outline:none CSS style and see if it removes the dotted border which RadGrid displays when focused.
css:
.mygrid |
{ |
outline:none !important |
} |
Thanks
Princy.
0

Jonas Toft Christensen
Top achievements
Rank 1
answered on 30 Nov 2009, 12:20 PM
Thanks!
0
Accepted
Hello,
The dotted line display is a default browser behavior, which shows which element has the focus.
The !important clause is not needed in this case, as there is no explicit style, which must be overridden. Also, you can prevent the dotted line without a custom CSS class, i.e. by using the native RadGrid CSS class:
.RadGrid_SkinName
{
outline: none;
}
or even
.RadGrid
{
outline: none;
}
which will work for any RadGrid skin (but you have to use RadControls Q2 2008+).
Sincerely yours,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
The dotted line display is a default browser behavior, which shows which element has the focus.
The !important clause is not needed in this case, as there is no explicit style, which must be overridden. Also, you can prevent the dotted line without a custom CSS class, i.e. by using the native RadGrid CSS class:
.RadGrid_SkinName
{
outline: none;
}
or even
.RadGrid
{
outline: none;
}
which will work for any RadGrid skin (but you have to use RadControls Q2 2008+).
Sincerely yours,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0

Raymond
Top achievements
Rank 1
answered on 08 Feb 2013, 08:30 PM
Hi,
I'm experiencing somewhat similar behavior with the dropdown displayed when a GridDropDownColumn is in edit mode. But it happens on hover instead of focus and it only applies to the button portion of the dropdown...not the entire control.
If I hover the mouse over the text box part of the drop down, it darkens the entire control slightly. When I hover over the button part of the dropdown (the little down arrow on the right), it darkens the entire dropdown. But it also puts a dashed line above and below the button portion of the dropdown.
I'm experiencing somewhat similar behavior with the dropdown displayed when a GridDropDownColumn is in edit mode. But it happens on hover instead of focus and it only applies to the button portion of the dropdown...not the entire control.
If I hover the mouse over the text box part of the drop down, it darkens the entire control slightly. When I hover over the button part of the dropdown (the little down arrow on the right), it darkens the entire dropdown. But it also puts a dashed line above and below the button portion of the dropdown.
0
Hello Raymond,
I tried to reproduce the described issue but to no avail. I am sending you a simple example which demonstrates the GridDropDownColumn, please check it out and let me know what differs in your case.
Looking forward for your reply.
Regards,
Radoslav
the Telerik team
I tried to reproduce the described issue but to no avail. I am sending you a simple example which demonstrates the GridDropDownColumn, please check it out and let me know what differs in your case.
Looking forward for your reply.
Regards,
Radoslav
the Telerik team
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 their blog feed now.