Grid Lines and Rounded Corners

• Sep 28, 2023
• 2 minutes to read

The table below lists main properties that affect element appearance.

Visibility	OptionsView.ShowVerticalLines OptionsView.ShowHorizontalLines
Appearance	Appearance.HorzLine Appearance.VertLine

Display Rounded Corners

Enable the WXI skin and wrap the Grid control with the DevExpress.XtraEditors.RoundedSkinPanel (the Rounded Skin Panel wraps the outer corner of client controls and adds spacing below the Ribbon).

The DevExpress Rounded Skin Panel is not available in the Visual Studio Toolbox. To use this panel, you must create it in code.

C#

using System.Windows.Forms;
using DevExpress.XtraEditors;
using DevExpress.XtraEditors.Controls;
using DevExpress.XtraBars.Ribbon;
using DevExpress.Utils;

namespace DXApplication {
    public partial class Form1 : RibbonForm {
        public Form1() {
            InitializeComponent();
            this.rootPanel = new RoundedSkinPanel();
            this.Controls.Add(this.rootPanel);
            this.rootPanel.Dock = System.Windows.Forms.DockStyle.Fill;
            this.rootPanel.Controls.Add(this.gridControl1);
            this.rootPanel.BringToFront();
            this.gridControl1.Dock = DockStyle.Fill;
            this.gridView1.BorderStyle = BorderStyles.NoBorder;
            // Hides horizontal and vertical grid lines.
            this.gridView1.OptionsView.ShowHorizontalLines = DefaultBoolean.False;
            this.gridView1.OptionsView.ShowVerticalLines = DefaultBoolean.False;
        }
        private DevExpress.XtraEditors.RoundedSkinPanel rootPanel;
    }
}

VB.NET

Imports System.Windows.Forms
Imports DevExpress.XtraEditors
Imports DevExpress.XtraEditors.Controls
Imports DevExpress.XtraBars.Ribbon
Imports DevExpress.Utils;

Namespace DXApplication
    Partial Public Class Form1
        Inherits RibbonForm

        Public Sub New()
            InitializeComponent()
            Me.rootPanel = New RoundedSkinPanel()
            Me.Controls.Add(Me.rootPanel)
            Me.rootPanel.Dock = System.Windows.Forms.DockStyle.Fill
            Me.rootPanel.Controls.Add(Me.gridControl1)
            Me.rootPanel.BringToFront()
            Me.gridControl1.Dock = DockStyle.Fill
            Me.gridView1.BorderStyle = BorderStyles.NoBorder
            ' Hides horizontal and vertical grid lines.
            Me.gridView1.OptionsView.ShowHorizontalLines = DefaultBoolean.False
            Me.gridView1.OptionsView.ShowVerticalLines = DefaultBoolean.False
        End Sub
        Private rootPanel As DevExpress.XtraEditors.RoundedSkinPanel
    End Class
End Namespace

Important

Do not add more than one Rounded Skin Panel for each Form.

Examples

• WinForms Data Grid - Hide vertical lines between certain columns