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

Dotted grid border when clicking

5 Answers 182 Views
Grid
This is a migrated thread and some comments may be shown as answers.
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

Sort by
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:
 .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
Dimo
Telerik team
answered on 30 Nov 2009, 12:28 PM
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.
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. 
0
Radoslav
Telerik team
answered on 13 Feb 2013, 03:05 PM
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
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.
Tags
Grid
Asked by
Jonas Toft Christensen
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Jonas Toft Christensen
Top achievements
Rank 1
Dimo
Telerik team
Raymond
Top achievements
Rank 1
Radoslav
Telerik team
Share this question
or