Select to view content in your preferred language

TabbedRibbon Blend Effect

641
2
12-09-2010 07:16 AM
DavidAshton
Frequent Contributor
I am messing around with the TabbedRibbon template and I'm just trying to change the look and feel (colors) in Blend 4.

By changing the TabbedRibbonBackgroundBrush I can change the Ribbon colors and by changing the CommonPanelBorderBackgroundBrush I can change the outside brush of the userControls:CollapsiblePanels

But how do I change the inside color of the userControls:CollapsiblePanels (about, overview, and datagrid windows)?  -- currently the inside is gray.

Also how do I change the colors of the three tabs (view option, navigation, query) - these are currently gray when hoovered over they turn darker black/gray blend.

It seems like it is the same resource but I can't seem to find it.

Thanks
David
0 Kudos
2 Replies
JenniferNery
Esri Regular Contributor
Notice that for each CollapsiblePanel in the MainPage, contains Borders within their container Grid. The Border's either define a Background or Style.

You can update CommonPanelBorderBackgroundBrush Background and RibbonElementBorder Style. In this Style, you may want to update the Setter for BorderBrush and Background.
0 Kudos
DavidAshton
Frequent Contributor
Jennifer,
Thanks for the post.  I think I have figured everything out! EXCEPT:mad:

Changing the color of the tabs (View Options, Navigation, Query).  I can change the color of the Gradient Bottom (when Unselected and Hovered) but I can't seem to change the color of the tab when it is selected or click (in focus).  If I change the FocusVisualBottom I can kind of get it but that is not it.

Any insight on how to change the color of the select/focused tab(s)?

Thanks
Dave
0 Kudos