Rounded Corners for SfDataGrid, Scrolling Pane & Scroll Bars

[Avinash]

Is there in any way to achieve Rounded Corners for SfDataGrid, Scrolling Pane & Scroll Bars ?

Sample image attached for requirement

Attachment: Table_V04_20181114_154740.png_fde7d1cd.zip

[Mohanram Anbukkarasu]

Hi Avinash, 

 

Thanks for contacting Syncfusion support. 

 

Currently we don’t have support to get rounded corners for SfDataGrid, scrolling pane and scrollbars as per the given image. 

However we can provide a workaround to get the rounded corners only for the SfDataGrid by creating a custom SfDataGrid control.  Please refer to the following code example and sample from the given location. 

 

Code example :  

 

public class CustomDataGrid : SfDataGrid 

{ 

    private int radius = 10; 

    [DefaultValue(10)] 

    public int Radius 

    { 

        get { return radius; } 

        set 

        { 

            radius = value; 

            this.RecreateRegion(); 

        } 

    } 

    

    private GraphicsPath GetRoundRectagle(Rectangle bounds, int radius) 

    { 

        GraphicsPath path = new GraphicsPath(); 

        path.AddArc(bounds.X, bounds.Y, radius, radius, 180, 90); 

        path.AddArc(bounds.X + bounds.Width - radius, bounds.Y, radius, radius, 270, 90); 

        path.AddArc(bounds.X + bounds.Width - radius, bounds.Y + bounds.Height - radius, radius, radius, 0, 90); 

        path.AddArc(bounds.X, bounds.Y + bounds.Height - radius, radius, radius, 90, 90); 

        path.CloseAllFigures(); 

        return path; 

    } 

 

    private void RecreateRegion() 

    { 

        var bounds = new Rectangle(this.ClientRectangle.Location, this.ClientRectangle.Size); 

        bounds.Inflate(-1, -1); 

        using (var path = GetRoundRectagle(bounds, this.Radius)) 

            this.Region = new Region(path); 

        this.Invalidate(); 

    } 

    protected override void OnSizeChanged(EventArgs e) 

    { 

        base.OnSizeChanged(e); 

        this.RecreateRegion(); 

    } 

} 

 

Sample link : http://www.syncfusion.com/downloads/support/directtrac/general/ze/CS2101397169  

  

Regards, 

Mohanram A. 

[Niraj]

Unable to download

[Malini Selvarasu]

Hi Niraj,

Sorry for the inconvenience. We have reattached the sample below, and it has been downloaded properly.

Regards,
Malini Selvarasu

Attachment: SfDataGrid_Demo_(2)_89de32dd.zip