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

RadDropDownButton styling

2 Answers 182 Views
Buttons
This is a migrated thread and some comments may be shown as answers.
RoxanaC
Top achievements
Rank 1
RoxanaC asked on 13 Jan 2010, 02:17 PM
Hello!
I need a DropDownButton that looks the very similar with the Themes button from RadControls fo WPF demos
If use the same style from a regular button I somehow lose the drop down functionality

<!-- Style for Button --> 
            <Style TargetType="Controls:RadDropDownButton" x:Key="DefaultButtonStyle"
                <Setter Property="Background" Value="Transparent" /> 
                <Setter Property="Foreground" Value="#FFFFFFFF" /> 
                <Setter Property="Padding" Value="3" /> 
                <Setter Property="BorderThickness" Value="1" /> 
                <Setter Property="VerticalContentAlignment" Value="Center" /> 
                <Setter Property="HorizontalContentAlignment" Value="Center" /> 
                <Setter Property="BorderBrush" Value="Transparent" /> 
                <Setter Property="Cursor" Value="Hand" /> 
                <Setter Property="Template"
                    <Setter.Value> 
                        <ControlTemplate TargetType="Controls:RadDropDownButton"
                            <Grid Margin="0 0 0 5"
                                <Border x:Name="Background" BorderBrush="#FFBF97F2" 
                                BorderThickness="1,1,1,1" CornerRadius="4,4,4,4"
                                    <Border.Background> 
                                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"
                                            <GradientStop Color="#FF3B2555" /> 
                                            <GradientStop Color="#FF2B1C3C" Offset="0.61699998378753662" /> 
                                            <GradientStop Color="#FF321F47" Offset="1" /> 
                                        </LinearGradientBrush> 
                                    </Border.Background> 
                                    <Path x:Name="Path" Height="Auto" Margin="0,0.082,0,8.859" Width="Auto" 
                                    Stretch="Fill" Stroke="{x:Null}" StrokeLineJoin="Round" 
                                    StrokeThickness="1" 
                                    Data="M0,3 C0,1.3431457 1.3431457,0 3,0 L129,0 C130.65686,0 132,1.3431457 132,3 L132,13.853975 C86.718803,0.055481441 26.160202,27.400364 0,11.585506 z"
                                        <Path.Fill> 
                                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"
                                                <GradientStop Color="#005B3D7A" Offset="0.092" /> 
                                                <GradientStop Color="#FF5B3D7A" Offset="1" /> 
                                            </LinearGradientBrush> 
                                        </Path.Fill> 
                                    </Path> 
                                </Border> 
                                <ContentPresenter VerticalAlignment="Center" 
                                            HorizontalAlignment="Center" 
                                            Content="{TemplateBinding Content}" 
                                            ContentTemplate="{TemplateBinding ContentTemplate}"/> 
                            </Grid> 
                            <ControlTemplate.Triggers> 
                                <Trigger Property="IsMouseOver" Value="true"
                                    <Setter Property="BorderBrush" TargetName="Background" Value="#FFFFFFFF" /> 
                                    <Setter Property="Fill" TargetName="Path"
                                        <Setter.Value> 
                                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"
                                                <GradientStop Color="#005B3D7A" Offset="0.092" /> 
                                                <GradientStop Color="#FF6D4497" Offset="1" /> 
                                            </LinearGradientBrush> 
                                        </Setter.Value> 
                                    </Setter> 
                                </Trigger> 
                                <Trigger Property="IsPressed" Value="True" /> 
                                <Trigger Property="IsEnabled" Value="False" /> 
                                <Trigger Property="IsFocused" Value="False" /> 
                            </ControlTemplate.Triggers> 
                        </ControlTemplate> 
                    </Setter.Value> 
                </Setter> 
            </Style> 

I might use instead a RadComboBox but I don't know exactly how to style it in the same maner ( the idea is that I don't want to use instead just a RadComboBox with QsfTheme because I need to change some colors & stuff and I don't have the code from QsfTheme )
Can you help me?

Thank you!
Roxana

2 Answers, 1 is accepted

Sort by
0
Accepted
Dimitrina
Telerik team
answered on 14 Jan 2010, 09:50 AM
Hi Roxana Cocariu,

You can apply  a custom theme to any of  the controls. For more information you can follow the link below:

http://www.telerik.com/help/silverlight/radcontrols-for-silverlight-expression-blend-support.html 

Please find attached an example. If you have further questions please do not hesitate to ask us.

I hope this will help you.


Regards,
Dimitrina
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.
0
RoxanaC
Top achievements
Rank 1
answered on 15 Jan 2010, 08:27 AM
Hey Dimitrina,
Unfortunately the Expression blend tutorials are no help for me since I don't have this tool.
But thank you for the example! This worked great for me.

Regards,
Roxana
Tags
Buttons
Asked by
RoxanaC
Top achievements
Rank 1
Answers by
Dimitrina
Telerik team
RoxanaC
Top achievements
Rank 1
Share this question
or