Remove rounded corners from column headers

[Kurt Kluth]

We currently have rounded corners turned on for our grids however with that means rounding of the column headers.  We would like to turn that off.  How do we go about leaving the rounded corners on the grid but turn off for inner headers?  If we add a caption to the "MasterView" than we don't want the CommandItem to be rounded.

Any suggestions?

[Pavlina]

Hi,

You can remove the rounded corners from grid header with the following CSS code:

.RadGrid_SkinName
{
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
}

In case your scenario is more complex and the code above is not working, send us a live URL where we can inspect the grid and advice you further.

Regards,
Pavlina
Progress Telerik

[Kurt Kluth]

Here is what solved the problem

    <style>
       .RadGrid table.rgMasterTable thead th:first-child.rgHeader
{
    border-radius: 0px 0px 0px 0px !important;
    overflow: hidden;
}

       .RadGrid table.rgMasterTable thead th:last-child.rgHeader {
        border-radius: 0px 0px 0px 0px !important;
        overflow: hidden;
       }
    </style>