This is a migrated thread and some comments may be shown as answers.

Metro Theme - Change Ellipse Color

2 Answers 233 Views
BusyIndicator
This is a migrated thread and some comments may be shown as answers.
digitall
Top achievements
Rank 1
digitall asked on 14 Jul 2011, 07:02 PM
I just downloaded the new Q2 bits (demo is impressively clean - nicely done!) and realized you're now offering a busy indicator similar to the one in Windows Phone - something I've been looking for for awhile now. The only question I have is if there is a way to change the color of the ellipses used in the control? I was looking through the them (BusyIndicator_style.xaml) and I can see where the fill is set to AccentBrush but I wasn't sure if it was possible to override this with another color. Purple doesn't really match my app very well.

Thanks in advance!

Edit: One thing that is missing from the demo is a way to change the theme on all the controls. What happened to that choice? I like the Metro one, but I would like to see some of the others too - especially for the main progress bar.

2 Answers, 1 is accepted

Sort by
0
digitall
Top achievements
Rank 1
answered on 14 Jul 2011, 08:02 PM
Nevermind. Apparently the default metro theme is actually a blue color even though the demo app has it as purple. The blue is perfect.
0
Dani
Telerik team
answered on 15 Jul 2011, 12:09 PM
Hi Scott,

The Metro theme was developed with one important thing in mind - in most of the cases we have only 6 brushes for each control and they can be easily changed to create a color variation of the same theme. The default accent color indeed is blue.

You can easily change the accent color  like so:
MetroColors.PaletteInstance.AccentColor = Colors.Red;

For the background color, change the MainColor:
MetroColors.PaletteInstance.MainColor = Colors.LightCoral;

The other four brushes (BasicColor, StrongColor, MarkerColor, ValidationColor) are used for different purposes across the theme, but you can experiment and see how the control changes when you change Brushes.

We are going to provide guidelines on the Metro theme in the very near future.

As a side note, the way you can view themes in the WPF onlines demos, has been changed to correspond to the one for the Silverlight online demos, which was inttroduced in 2011 Q1. It is intdended to show the theming options for a particular control in a dedicated example, thus providing for all other examples better user experience and prevent burdening the viewer with too much visual noise and distractions.

I hope this helps.

Kind regards,
Dani
the Telerik team

Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

Tags
BusyIndicator
Asked by
digitall
Top achievements
Rank 1
Answers by
digitall
Top achievements
Rank 1
Dani
Telerik team
Share this question
or