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

How do I apply a theme style to a regular SL control?

6 Answers 118 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Kjell
Top achievements
Rank 1
Kjell asked on 19 Jul 2010, 07:49 PM
Hello.  I am taking advantage of the themes feature and it is working great with all the rad controls.  Now my question is, how can I apply specific styles form the theme to regular silverlight controls.  For example, I have a textblock which I basically want to take on the same look as the gridview column headers.  How can this be accomplished?  Here is what I started with

<grid Background="Black">
    <Textblock Text="asdfs" Foreground="White" />
</grid>

Obivously this is no good, not only is it not dynamic but also its just a flat black bacground instead of the cool rounded look that the grid column headers have.  .

6 Answers, 1 is accepted

Sort by
0
Veselin Vasilev
Telerik team
answered on 20 Jul 2010, 06:52 AM
Hi Kjell,

You need to set the Theme of the controls in the XAML as you do with the RadControls:

<TextBlock Text="My themed text" telerik:StyleManager.Theme="Vista" />

Hope this helps.

Greetings,
Veskoni
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Kjell
Top achievements
Rank 1
answered on 20 Jul 2010, 07:03 AM
Thanks for your response Veskoni, I did try that but it does not give the result I am looking for.  I think that is probably because what I am looking for is not what the default behavior in the style is.  I understand how to apply the theme, but not for my specific situation.  I think if you can address my specific request it will cause some lightbulbs to go off in my head.

So how do it do this?

I want to display some text and have it styled exactly like the grid view column header (black gradient with white text by default). 

Just applying the general theme to the textblock doesnt work, I suspect because the textblock doesn't have a background attribute and even if it did, it is not meant to be styled the way I am looking to do.  If I have to use another control that's fine, just tell me.
0
Accepted
Veselin Vasilev
Telerik team
answered on 20 Jul 2010, 03:32 PM
Hi Kjell,

You can create a new Siilverlight project in Blend and add references to the Telerik assemblies. Next, you can drag a GridViewHeaderCell on the design surface and edit its style. You can then copy the ones you need.

Here is my first attempt:

<UserControl.Resources>
  <Style x:Key="GridViewHeaderCellStyle1" TargetType="telerik:GridViewHeaderCell">
    <Setter Property="Background" Value="#FF37CC27"/>
</Style>
<LinearGradientBrush x:Key="GridView_HeaderBackground" EndPoint="0.5,1" StartPoint="0.5,0">
    <GradientStop Color="#FF5B5B5B" Offset="1"/>
    <GradientStop Color="#FF868686"/>
    <GradientStop Color="#FF4F4F4F" Offset="0.42"/>
    <GradientStop Color="#FF0E0E0E" Offset="0.43"/>
</LinearGradientBrush>
<Style x:Key="myTextBlockStyle" TargetType="TextBlock">
       <Setter Property="ForeGround" Value="White" />                
</Style>
<Style x:Key="myBorderStyle" TargetType="Border">
    <Setter Property="BackGround" Value="{StaticResource GridView_HeaderBackground}" />    
    <Setter Property="HorizontalAlignment" Value="Stretch"/>
    <Setter Property="VerticalAlignment" Value="Center" />
<Setter Property="Padding" Value="5,0,3,0"/>
</Style>
</UserControl.Resources>

<Border Style="{StaticResource myBorderStyle}">
    <TextBlock Text="This should be themed text" Style="{StaticResource myTextBlockStyle}" />
</Border>

I wrapped the textblock in a border so we can apply background to it.

Hope this will get you started.

Kind regards,
Veskoni
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Kjell
Top achievements
Rank 1
answered on 20 Jul 2010, 09:14 PM
Thanks much, this is PERFECT!
0
Alexey Oyun
Top achievements
Rank 1
answered on 21 Jul 2010, 01:33 PM
Hi is there another way to get Theme colors. Because above example want work if themes will be loading dynamically.

Thank, Alex.
0
Kjell
Top achievements
Rank 1
answered on 21 Jul 2010, 08:22 PM
Yah you are right, well hopefully there is a better solution but worst case scenario I can create a style for each theme and apply the styles manually as well.
Tags
General Discussions
Asked by
Kjell
Top achievements
Rank 1
Answers by
Veselin Vasilev
Telerik team
Kjell
Top achievements
Rank 1
Alexey Oyun
Top achievements
Rank 1
Share this question
or