[Solved] Styling the MVC grid with rounded corners

[flipdoubt]

Has anyone successfully styled Telerik's MVC grid to with rounded corners? Because of the dark outline around most of the themes, JQuery UI's "ui-corner-all" class rounds the inner, lighter color rather than the darker, outer color.

[Alex Gyoshev]

Hello David,

Could you please post details on where you apply the styles, what the grid currently looks like and what the desired outcome is?

Greetings,
Alex Gyoshev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[flipdoubt]

Hi Alex. I am attaching an image of the grid that shows rounded corners using the lighter color inside the WebBlue themed grid. I also have the same issue where the grid has a footer. I don't have an image of what I want, but I want the rounded corner to use the darker color used on the border of the WebBlue grid, which I believe is #426682. I probably need to do more work than this, but I get the rounded corners from JQuery UI by simply calling  "$('#DocumentsGrid').addClass('ui-corner-all');".

Thanks for taking the time to look at this question.

[flipdoubt]

The following seems to work:

$('#DocumentsGrid').attr('style', 'border: none;');
$('#DocumentsGrid > table').addClass('ui-corner-all').attr('style', 'border: 1px solid #426682;');

Can you think of a better way? Any drawbacks to using this approach?

[Mahesh]

Hi,

how can it possible to make corners of the square window becomes rounded at the corners??? If anyone know please 
tell me..

Thanks & Regards,
Mahesh