Appearance in Windows Forms Metro Form

21 Jan 20254 minutes to read

Border thickness

MetroForm border can be customized using BorderThickness property.

this.BorderThickness = 10;
Me.BorderThickness = 10

Border color

BorderColor property is used to change the color of the border.

this.BorderColor = System.Drawing.Color.FromArgb(((int)(((byte)(17)))), ((int)(((byte)(158)))), ((int)(((byte)(218)))));
Me.BorderColor = System.Drawing.Color.FromArgb(((int)(((byte)(17)))), ((int)(((byte)(158)))), ((int)(((byte)(218)))))

BorderColor changed in winforms metroForm

Caption bar height

Caption bar height can be customized using CaptionBarHeight property.

this.CaptionBarHeight = 40;
Me.CaptionBarHeight = 40

CaptionBarHeight customized in winforms metroForm

Retain the caption bar height on maximized mode

By Default, the height of the caption bar will be reduced when the form is in maximized state. It can be retained same in both normal and maximized state by setting the property MetroForm.CaptionBarHeightMode as SameAlwaysOnMaximize.

this.CaptionBarHeightMode = Syncfusion.Windows.Forms.Enums.CaptionBarHeightMode.SameAlwaysOnMaximize;
Me.CaptionBarHeightMode = Syncfusion.Windows.Forms.Enums.CaptionBarHeightMode.SameAlwaysOnMaximize

Caption bar color

Caption bar color can be customized using CaptionBarColor property.

this.CaptionBarColor = Color.Pink;
Me.CaptionBarColor = Color.Pink

Caption Bar Color changed in winforms metroform

Caption alignment

MetroForm caption can be aligned vertically using CaptionAlign property.

  • Left
  • Center
  • Right
this.CaptionAlign = System.Windows.Forms.HorizontalAlignment.Right;
Me.CaptionAlign = System.Windows.Forms.HorizontalAlignment.Right

Caption text aligned in winforms metroform

Caption vertical alignment

MetroForm caption can be aligned vertically using CaptionVerticalAlignment property.

  • Top
  • Center
  • Bottom
this.CaptionVerticalAlignment = Syncfusion.Windows.Forms.VerticalAlignment.Top;
Me.CaptionVerticalAlignment = Syncfusion.Windows.Forms.VerticalAlignment.Top

Caption aligned vertically in winforms metroform

Icon alignment support

MetroForm supports Left, Right, and Center alignment for Icon.

this.IconAlign = System.Windows.Forms.HorizontalAlignment.Right;
Me.IconAlign = System.Windows.Forms.HorizontalAlignment.Right

Caption Icon aligned in winforms metroform

Rounded corner

Rounded corners for MetroForm can be enabled by using the AllowRoundedCorners property. Rounded corners are not supported in OS versions lower than Windows 11. Enabling AllowRoundedCorners property will have no effect on those operating systems.

NOTE

When the rounded corners are enabled, the border and shadow of the Form are drawn by the operating system.

this.AllowRoundedCorners = true;
Me.AllowRoundedCorners = true

MetroForm with rounded corners