We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to customize the arrow border color in MetroScrollbar?

Platform: WinForms |
Control: GridControl |
Published Date: June 13, 2018 |
Last Revised Date: May 27, 2019
Tags: scrollbar

In order to customize the appearance of the arrow buttons in MetroScrollBars , use the properties like ArrowNormalBorderColor, ArrowPushedBorderColor, ArrowNormal,etc., of MetroColorTable and set it to the GridControl.MetroColorTable property.

Code Snippet


//Metro colors
MetroColorTable style = GridsScrollbarsStyle();
//Enable metro scroll bars
gridControl1.MetroScrollBars = true;
//Setting Metro colors for MetroScrollBar
gridControl1.MetroColorTable = style;
private MetroColorTable GridsScrollbarsStyle()
     var scrollStyle = new MetroColorTable
         ScrollerBackground = Color.FromArgb(2,182,161),
         // Arrow background
         ArrowNormalBackGround = Color.WhiteSmoke,
         //To set the arrow border
         ArrowNormalBorderColor = Color.Red,
         ArrowPushedBorderColor = Color.FromArgb(171, 171, 171),
         ArrowCheckedBorderColor = Color.FromArgb(171, 171, 171),
         ArrowPushedBackGround = Color.FromArgb(34, 34, 34),
         ArrowPushed = Color.FromArgb(104, 104, 104),
         ArrowNormal = Color.Green,
         ArrowChecked = Color.FromArgb(80, 80, 80),
         ArrowInActive = Color.FromArgb(104, 104, 104),
     return scrollStyle;



'Metro colors
Dim style As MetroColorTable = GridsScrollbarsStyle()
'Enable metro scroll bars
gridControl1.MetroScrollBars = True
'Setting Metro colors for MetroScrollBar
gridControl1.MetroColorTable = style
Private Function GridsScrollbarsStyle() As MetroColorTable
     Dim scrollStyle = New MetroColorTable With
         .ScrollerBackground = Color.FromArgb(2, 182, 161),
         .ArrowNormalBackGround = Color.WhiteSmoke,
         .ArrowNormalBorderColor = Color.Red,
         .ArrowPushedBorderColor = Color.FromArgb(171, 171, 171),
         .ArrowCheckedBorderColor = Color.FromArgb(171, 171, 171),
         .ArrowPushedBackGround = Color.FromArgb(34, 34, 34),
         .ArrowPushed = Color.FromArgb(104, 104, 104),
         .ArrowNormal = Color.Green,
         .ArrowChecked = Color.FromArgb(80, 80, 80),
         .ArrowInActive = Color.FromArgb(104, 104, 104),         
     Return scrollStyle
 End Function



Customize the arrow border color in MetroScrollbar


Sample Link:

C#: Customizing BorderColors_CS

VB: Customizing BorderColors_VB



2X faster development

The ultimate WinForms UI toolkit to boost your development speed.
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon