Articles in this section

How to customize the arrow border color in MetroScrollbar in WinForm GridControl?


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

//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

 The screenshot below illustrates the arrow border color in MetroScrollbars.

Customize the arrow border color in MetroScrollbar

 

Sample Link:

C#: Customizing BorderColors_CS

VB: Customizing BorderColors_VB

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Access denied
Access denied