Set theme global in Q3

[Kennet]

ok, my app have some usercontrols that contains Radgrid, Radtreewiew, Radmenu and other Telerik controls.

How do I easy set Theme for all controls, by code (so I can alow the user to chenge) or by XAML ?

[Kennet]

ok so I found this that works

public partial class Window1 : Window
{
   public Window1()
   {
       StyleManager.ApplicationTheme = new VistaTheme();
       InitializeComponent();
   }
}

but how do I change in runtime when app is running, just runing this don't work.

StyleManager.ApplicationTheme = new Windows7Theme();

[Valeri Hristov]

Hi Kennet,

The application themes work only for newly instantiated controls, hence we recommend setting ApplicationTheme before the call to InitializeComponent(). You could workaround this limitation by recreating the page content when changing the theme (we do the same in our online examples).

Regards,
Valeri Hristov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Kennet]

Hi Valeri,

Thanks, but I can't find in your example code how you change Theme in runtime. Please post C# code.

[Valeri Hristov]

Hi Kennet,

Please, find attached a simple application that changes application themes at runtime.

Greetings,
Valeri Hristov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Kennet]

Thanks Valeri,

But I need code for WPF, not Silverlight. I tried but can't use the example in WPF.

[Valeri Hristov]

Hi Kennet,

I apologize for that, I overlooked the forum name. I will send you another sample in 20minutes.

Regards,
Valeri Hristov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Valeri Hristov]

Hi Kennet,

Here is the promised application.

Best wishes,
Valeri Hristov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Kennet]

Thanks, but for now I can't use that method since my app only have one window (sure I could but all in a usercontrol, but don't wanna do that). Is there another way to do this?

[Valeri Hristov]

Hi Kennet,

Unfortunately this is the only way to set an application theme with Telerik StyleManager and change it at runtime. You could try binding the StyleManager.Theme attached property on every Telerik control to a property that contains the currently selected theme. However, this would require more work, especially if you have lots of controls.

All the best,
Valeri Hristov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Garry Clark]

Kennet,
I know this is a very old post, but I thought I would respond anyways. Basically the way I am doing this is by basically doing what Valeri said in her last post and I bind to the StyleManager in the Xaml everytime I define a Telerik control as such.

<telerik:RadButton Name="btn" Width="110" telerik:StyleManager.Theme="{Binding Source={StaticResource settings}, Path=Default.CurrentTheme}"/>

and then I have an User Setting called CurrentTheme, which gets updated when a user chooses a new theme from a dropdown list.

<telerikInput:RadComboBox x:Name="comboTheme" DataContext="{x:Static settings:Settings.Default}"
                        SelectedItem="{Binding CurrentTheme, Mode=TwoWay}" ItemsSource="{Binding Themes}"
                                                  telerik:StyleManager.Theme="{Binding Source={StaticResource settings}, Path=Default.CurrentTheme}"/>

The ItemSource is tied to another User Setting, but you could tie it to anything. I keep meaning to rework it to pull from something like this:

ReadOnlyCollection<string> themes = ThemeManager.StandardThemeNames;

but have been to lazy to do so.  

Here is the other related code just in case.
User Settings

  <userSettings>
    <EliteExtender.Infrastructure.Properties.Settings>
      <setting name="Themes" serializeAs="Xml">
        <value>
          <ArrayOfString xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
            xmlns:xsd="http://www.w3.org/2001/XMLSchema">
            <string>Office_Blue</string>
            <string>Office_Black</string>
            <string>Office_Silver</string>
            <string>Summer</string>
            <string>Vista</string>
            <string>Windows7</string>
          </ArrayOfString>
        </value>
      </setting>
      <setting name="CurrentTheme" serializeAs="String">
        <value>Windows7</value>
      </setting>
    </EliteExtender.Infrastructure.Properties.Settings>
  </userSettings>

Resource Dictionary

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:settings="clr-namespace:EliteExtender.Infrastructure.Properties">
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary>
            <settings:Settings x:Key="settings" />
        </ResourceDictionary>
    </ResourceDictionary.MergedDictionaries>
</ResourceDictionary>

Anyhow hope this helps you or someone in someway!

[Waleed Seada]

Hello there,

Can anyone tell me how to implement this in a MVVM approach using Q2 2010.

Best regards
Waleed