Metro Theme - Change Ellipse Color

3 posts, 0 answers
  1. digitall
    digitall avatar
    169 posts
    Member since:
    Jun 2006

    Posted 14 Jul 2011 Link to this post

    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. digitall
    digitall avatar
    169 posts
    Member since:
    Jun 2006

    Posted 14 Jul 2011 Link to this post

    Nevermind. Apparently the default metro theme is actually a blue color even though the demo app has it as purple. The blue is perfect.
  3. Dani
    Dani avatar
    848 posts

    Posted 15 Jul 2011 Link to this post

    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,
    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!

Back to Top