In order to style the Tab Scroll Buttons of the RadRibbonBar you have to create the style for the RadRibbonBar itself. To see how to do this take a look at this topic.

Modifying some of the resources generated for the RadRibbonBar's style will allow you to change the appearance of the Tab Scroll Buttons. Here is the list of resources that are used for it.

• PageScrollViewerButtonInnerBorderBrush - a brush that represents the color of the button's inner border.
• ButtonHotBackgroundBrush - a brush that represents the background of the button, when the mouse is over it.
• ButtonHotOuterBorderBrush - a brush that represents the color of the button's outer border, when the mouse is over it.
• ButtonHotInnerBorderBrush - a brush that represents the color of the button's inner border, when the mouse is over it.
• ButtonPushedBackgroundBrush - a brush that represents the background of the button, when it gets pressed.
• ButtonPushedOuterBorderBrush - a brush that represents the color of the button's outer border, when it gets pressed.
• ButtonPushedInnerBorderBrush - a brush that represents the color of the button's inner border, when it gets pressed.
• PageScrollViewerButtonForegroundBrush - a brush that represents the foreground color of the button's content.
• PageScrollViewerButtonOuterBorderBrush - a brush that represents the color of the button's outer border.
• TabPageScrollViewerButtonBackgroundBrush - a brush that represents the background of the button.

Tip
Changing the value of the resources can be done by clicking on the color indicator or the icon next to them.

Modify the resource to bring the desired appearance to the Tab Scroll Buttons. For more detailed information, please, view the Example section below.