Applying "Transparent" theme to Customization Example

[Harminder Riarh]

If I apply telerik:StyleManager.Theme="Transparent" to the Customization example(http://demos.telerik.com/silverlight/#Menu/Customization), no menus are shown. Could you please suggest how I could fix this?

[Harminder Riarh]

Can someone from Telerik reply to this?

[Ivo]

Hi Harminder ,

Applying a theme to the Customization example overrides the styles already set into the resources and breaks them. If you want to make menus transparent I would suggest you editing the styles into the resources, not applying a theme. Another option is to remove setting the Style property first from the Menu definition:

<telerik:RadMenu Grid.Row="1" Style="{StaticResource MenuStyle}" ItemsSource="{StaticResource MenuItemsSource}" ItemTemplate="{StaticResource MenuItemTemplate}" ItemContainerStyleSelector="{StaticResource MenuItemStyleSelector}" />

This will allow of the Transparent theme to be applied.

Hope this helps.

Regards,
Ivo
the Telerik team

[Harminder Riarh]

Hi Ivo,

If you are saying I should do following, it does not work:

<telerik:RadMenu Grid.Row="1" telerik:StyleManager.Theme="Transparent" ItemsSource="{StaticResource MenuItemsSource}" ItemTemplate="{StaticResource MenuItemTemplate}" ItemContainerStyleSelector="{StaticResource MenuItemStyleSelector}" />

It gives me teh same problem, namely no menus are shown.

I don't just want to make teh menus transparent. I want to acheive the look found in http://demos.telerik.com/silverlight/#Menu/Theming when the theme is set to transaparent. So, setting the background color of individual controls in the styles does not help.
Do you have anything else in mind? Please provide working sample code.

[Ivo]

Hello Harminder Riarh,

I am sorry I mislead you with my previous answer. It will not work if you remove the Style="{StaticResource MenuStyle}". The only way to achieve the look from the transparent theme in this case is to edit all the styles and colors applied to the customization example. The easiest way to make the colors transperant is to change the first two digits of the color value to begin with 99 - #123456 to #99123456, #12345678 to #99345678 etc.

Hope this helps.

Greetings,
Ivo
the Telerik team

[Harminder Riarh]

Ivo,

I don't just want to make the menus transparent. I want to acheive the look found in http://demos.telerik.com/silverlight/#Menu/Theming when the theme is set to transaparent. So, setting the background color of individual controls in the styles does not help.
Do you have anything else in mind? Please provide working sample code.

[Pana]

Hello,

You can not achieve the same look and feel with the transparent theme. It is a customization example that shows how the RadMenu could be styled. You could style the menu too if you have good XAML knowledge and base the styles on the Transparent theme RadMenu styles.

Best wishes,
Pana
the Telerik team