Thanks for contacting us and for your questions. Our theming mechanism makes use of some of CSS concepts used in the styling of websites. That said, our elements have different class names and our stylesheets define appearance for the different classes. RadRibbonBar
control defines different classes for its system buttons but does not define different class names for the primitives that build these buttons (fills, borders etc.).
Therefore, when you set properties for a FillPrimitive
of one of these buttons, the settings are applied to the other two buttons.
Currently, these buttons use images to represent their mouse over, mouse down
states. These images are set directly to RadImageButtonElement
object by using the Image, ImageHovered
, and ImageClicked
properties -- you can see these settings in Visual Style Builder. RadImageButtonElement
that represents a single button can also have a class. The minimize, maximize, and close buttons in the RadRibbonBar
control all define different class names on RadImage ButtonElement
level and therefore you will be able to set different images for the properties mentioned above for each button. My advice is to use images to style your buttons and achieve the effect of having different colors for the system buttons.
I hope this is helpful. Do not hesitate to write back if you need further assistance.
the Telerik team