Articles in this section
Category / Section

How to customize the appearance of items in RibbonControlAdv?

2 mins read

You can customize the appearance of each RibbonControlAdv items by setting its property “RibbonStyle” as TouchStyle and by specifying your desired color in TouchStyleColorTable and applying it to the RibbonControlAdv using ApplyTouchStyleColorTable function.

The following code example illustrates the same.

C#

//Object creation for TouchStyleColorTable 
TouchStyleColorTable TouchStylecolor = new TouchStyleColorTable();
//Sets the Ribbon style
this.ribbonControlAdv1.RibbonStyle = RibbonStyle.TouchStyle;
//Sets the color for Ribbon Header
TouchStylecolor.ActiveHeaderBackground = Color.White;
//Sets the color for BackStageButton
TouchStylecolor.BackStageButtonColor = Color.Blue;
//Sets the Color of the BackStageButton for Hovering
TouchStylecolor.BackStageButtonHoverColor = ColorTranslator.FromHtml("#2a8dd4");
//Sets the color of the CloseButton in BackStage visible mode
TouchStylecolor.BackStageCloseButtonBackground = Color.Red;
//Sets the color of the System Button in Backstage visible mode.
TouchStylecolor.BackStageSysytemButtonBackground = Color.White;
//Sets the color for BackStageTab.
TouchStylecolor.BackStageTabColor = ColorTranslator.FromHtml("#0272c5");
//Sets the Color of the BackStageTab for Hovering.
TouchStylecolor.BackStageTabHoverColor = ColorTranslator.FromHtml("#2a8dd4");
//Sets the color of the Button for pressed state.
TouchStylecolor.ButtonPressedColor = ColorTranslator.FromHtml("#92c0e0");
//Sets the color of the Button for hover state
TouchStylecolor.ButtonHoverColor = ColorTranslator.FromHtml("#cde6f7");
//Sets the color of the Button for checked state
TouchStylecolor.ButtonCheckedColor = ColorTranslator.FromHtml("#b1d6f0");
//Sets the color for MenuButton Arrowcolor
TouchStylecolor.MenuButtonArrowColor = Color.White;
//Sets the color for the DropDown Text
TouchStylecolor.DropDownTextForeColor = Color.Black;
//Sets the color for DropDown MenuItem.
TouchStylecolor.DropDownMenuItemBackground = ColorTranslator.FromHtml("#0272c5");
//Sets the color for DropDownSelected Item.
TouchStylecolor.DropDownSelectedTextForeColor = Color.White;
//Sets the color for DropDown
TouchStylecolor.DropDownBodyColor = Color.White;
//Sets the color for Image Margin.
TouchStylecolor.ImageMargin = Color.White;
//Sets the color for the DropDown Title
TouchStylecolor.DropDownTitleBackground = Color.LightGray;
//Sets the color for ToolStripBorder
TouchStylecolor.ToolStripBorderColor = ColorTranslator.FromHtml("#0272c5");
//Sets the color for RibbonHeader
TouchStylecolor.HeaderColor = ColorTranslator.FromHtml("#0272c5");
//Sets the color for MenuButtonArrow
TouchStylecolor.MenuButtonArrowColor = Color.White;
//Sets the color for MenuButtonArrow for hover state
TouchStylecolor.MenuButtonHoverArrowColor = Color.Red;
//Sets the color for the DropDown Title
TouchStylecolor.DropDownTitleBackground = Color.LightGray;
//Apply colors to RibbonControlAdv
this.ribbonControlAdv1.ApplyTouchStyleColorTable(TouchStylecolor);

VB

'Object creation for TouchStyleColorTable 
Private TouchStylecolor As New TouchStyleColorTable()
'Sets the Ribbon style
Me.ribbonControlAdv1.RibbonStyle = RibbonStyle.TouchStyle
'Sets the color for Ribbon Header
TouchStylecolor.ActiveHeaderBackground = Color.White
'Sets the color for BackStageButton
TouchStylecolor.BackStageButtonColor = Color.Blue
'Sets the Color of the BackStageButton for Hovering
TouchStylecolor.BackStageButtonHoverColor = ColorTranslator.FromHtml("#2a8dd4")
'Sets the color of the CloseButton in BackStage visible mode
TouchStylecolor.BackStageCloseButtonBackground = Color.Red
'Sets the color of the System Button in Backstage visible mode.
TouchStylecolor.BackStageSysytemButtonBackground = Color.White
'Sets the color for BackStageTab.
TouchStylecolor.BackStageTabColor = ColorTranslator.FromHtml("#0272c5")
'Sets the Color of the BackStageTab for Hovering.
TouchStylecolor.BackStageTabHoverColor = ColorTranslator.FromHtml("#2a8dd4")
'Sets the color of the Button for pressed state.
TouchStylecolor.ButtonPressedColor = ColorTranslator.FromHtml("#92c0e0")
'Sets the color of the Button for hover state
TouchStylecolor.ButtonHoverColor = ColorTranslator.FromHtml("#cde6f7")
'Sets the color of the Button for checked state
TouchStylecolor.ButtonCheckedColor = ColorTranslator.FromHtml("#b1d6f0")
'Sets the color for MenuButton Arrowcolor
TouchStylecolor.MenuButtonArrowColor = Color.White
'Sets the color for the DropDown Text
TouchStylecolor.DropDownTextForeColor = Color.Black
'Sets the color for DropDown MenuItem.
TouchStylecolor.DropDownMenuItemBackground = ColorTranslator.FromHtml("#0272c5")
'Sets the color for DropDownSelected Item.
TouchStylecolor.DropDownSelectedTextForeColor = Color.White
'Sets the color for DropDown
TouchStylecolor.DropDownBodyColor = Color.White
'Sets the color for Image Margin.
TouchStylecolor.ImageMargin = Color.White
'Sets the color for the DropDown Title
TouchStylecolor.DropDownTitleBackground = Color.LightGray
'Sets the color for ToolStripBorder
TouchStylecolor.ToolStripBorderColor = ColorTranslator.FromHtml("#0272c5")
'Sets the color for RibbonHeader
TouchStylecolor.HeaderColor = ColorTranslator.FromHtml("#0272c5")
'Sets the color for MenuButtonArrow
TouchStylecolor.MenuButtonArrowColor = Color.White
'Sets the color for MenuButtonArrow for hover state
TouchStylecolor.MenuButtonHoverArrowColor = Color.Red
'Sets the color for the DropDown Title
TouchStylecolor.DropDownTitleBackground = Color.LightGray
'Apply colors to RibbonControlAdv
Me.ribbonControlAdv1.ApplyTouchStyleColorTable(TouchStylecolor)

Sample:

https://www.syncfusion.com/downloads/support/directtrac/general/TouchStyleRibbon_Customization1284622219.zip

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