Shravan Gandra
Top achievements
Rank 1
Rank 1
Shravan Gandra
asked on 12 Apr 2011, 10:51 PM
I have a radgrid using a ItemTemplateColumn. I have GridLines="None" and BorderStyle="None". My display looks wonderfull until I click on one of the links in the masterview. I see a yellow 'focus' box around my display. Is there a way to turn this off?
5 Answers, 1 is accepted
0
Hi Shravan,
Could you give us more information about the issue? If you could, send us a screenshot for example and share the declaration of the grid. It will be best if you could replicate the issue in a sample page and send it to us. Does this happen in all browsers?
All the best,
Vasil
the Telerik team
Could you give us more information about the issue? If you could, send us a screenshot for example and share the declaration of the grid. It will be best if you could replicate the issue in a sample page and send it to us. Does this happen in all browsers?
All the best,
Vasil
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
0
Shravan Gandra
Top achievements
Rank 1
Rank 1
answered on 14 Apr 2011, 07:13 PM
Here are some screen shots. IE works fine. You can achieve the same if you open the solution for RadControlExamples. Goto C:\Program Files\Telerik\RadControls for ASP.NET AJAX Q2 2010\Live Demos\Grid\Examples\Styles\CustomSkin\DefaultCS.aspx and set the skin to None then run in chrome of firefox and click in the grid.
0
Hello Shravan,
The yellow border in Chrome and dotted black border in Firefox are not coming from the grid itself. These are browsers features that shows you when an element is focused or not. So when you focus the grid the browser is drawing this border.
This can be replicated in all sites. For example open www.google.com with Google Chrome. Click anywhere on the page and then hit Tab key a few times. You will see how the focus(the yellow border) is moving over the elements of the page.
You could set onfocus="this.blur();" in the declaration of the RadGrid in the ASPX markup. This way you will prevent the browser to focus the grid and the border will not be showing.
Greetings,
Vasil
the Telerik team
The yellow border in Chrome and dotted black border in Firefox are not coming from the grid itself. These are browsers features that shows you when an element is focused or not. So when you focus the grid the browser is drawing this border.
This can be replicated in all sites. For example open www.google.com with Google Chrome. Click anywhere on the page and then hit Tab key a few times. You will see how the focus(the yellow border) is moving over the elements of the page.
You could set onfocus="this.blur();" in the declaration of the RadGrid in the ASPX markup. This way you will prevent the browser to focus the grid and the border will not be showing.
Greetings,
Vasil
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
0
Nick Smith
Top achievements
Rank 1
Rank 1
answered on 20 Jan 2013, 05:02 AM
How do you apply the same solution to the RadGrid editform popup?
0
Hello Nick,
You can use the flowing CSS:
Greetings,
Vasil
the Telerik team
You can use the flowing CSS:
.RadGrid{outline: none;}Greetings,
Vasil
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.