Source code for RadControls for Silverlight?

[Simon]

Hi,  can the source code for the "Highlights of RadControls for Silverlight" (http://demos.telerik.com/silverlight/default.aspx#Home) be downloaded from anywhere?

[Kaloyan]

Hi Simon,

Please check the code snippet bellow:

<UserControl.Resources>
        <Style TargetType="HyperlinkButton" x:Key="HyperlinkButtonStyle">
            <Setter Property="Foreground" Value="#FFFFFFFF" />
            <Setter Property="Cursor" Value="Hand" />
            <Setter Property="HorizontalContentAlignment" Value="Center" />
            <Setter Property="VerticalContentAlignment" Value="Center" />
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="Cursor" Value="Hand" />
            <Setter Property="FontSize" Value="12" />
            <Setter Property="FontFamily" Value="Myriad Pro" />
            <Setter Property="Padding" Value="5 0" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="HyperlinkButton">
                        <Grid Cursor="{TemplateBinding Cursor}"
                                Background="{TemplateBinding Background}">
                            <vsm:VisualStateManager.VisualStateGroups>
                                <vsm:VisualStateGroup x:Name="CommonStates">
                                    <vsm:VisualState x:Name="Normal" />
                                    <vsm:VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                    Storyboard.TargetName="Background"
                                                    Storyboard.TargetProperty="Opacity">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="1" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames
                                                    Storyboard.TargetName="Background"
                                                    Storyboard.TargetProperty="Opacity">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="1" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Disabled" />
                                </vsm:VisualStateGroup>
                                <vsm:VisualStateGroup x:Name="FocusStates">
                                    <vsm:VisualState x:Name="Focused" />
                                    <vsm:VisualState x:Name="Unfocused" />
                                </vsm:VisualStateGroup>
                            </vsm:VisualStateManager.VisualStateGroups>

                            <Border Width="158" Height="28" BorderBrush="#FF017FDD"
                                    BorderThickness="1,1,1,1" CornerRadius="4,4,4,4">
                                <Border.Background>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FF032C58" />
                                        <GradientStop Color="#FF032854" Offset="0.61699998378753662" />
                                        <GradientStop Color="#FF072449" Offset="1" />
                                    </LinearGradientBrush>
                                </Border.Background>
                                <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="#000E3A7F" Offset="0.092" />
                                            <GradientStop Color="#B2348DF8" Offset="1" />
                                        </LinearGradientBrush>
                                    </Path.Fill>
                                </Path>
                            </Border>

                            <!-- mouse over-->
                            <Border x:Name="Background" Width="158" Height="28" Opacity="0"
                                    BorderBrush="#FFFFFFFF" BorderThickness="1,1,1,1"
                                    CornerRadius="4,4,4,4">
                                <Border.Background>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FF032C58" />
                                        <GradientStop Color="#FF032854" Offset="0.61699998378753662" />
                                        <GradientStop Color="#FF072449" Offset="1" />
                                    </LinearGradientBrush>
                                </Border.Background>
                                <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="#000E3A7F" Offset="0.092" />
                                            <GradientStop Color="#FF598BC9" Offset="1" />
                                        </LinearGradientBrush>
                                    </Path.Fill>
                                </Path>
                            </Border>

                            <ContentPresenter x:Name="contentPresenter"
                                    Content="{TemplateBinding Content}"
                                    ContentTemplate="{TemplateBinding ContentTemplate}"
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                    Margin="{TemplateBinding Padding}" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <Storyboard x:Name="loadStoryboard">

            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="hyperlink"
                    Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="850" />
                <SplineDoubleKeyFrame KeyTime="00:00:00.5" Value="0" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="hyperlink1"
                    Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="850" />
                <SplineDoubleKeyFrame KeyTime="00:00:00.3" Value="850" />
                <SplineDoubleKeyFrame KeyTime="00:00:00.8" Value="0" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="hyperlink2"
                    Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="850" />
                <SplineDoubleKeyFrame KeyTime="00:00:00.6" Value="850" />
                <SplineDoubleKeyFrame KeyTime="00:00:01.1" Value="0" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="hyperlink3"
                    Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="850" />
                <SplineDoubleKeyFrame KeyTime="00:00:00.9" Value="850" />
                <SplineDoubleKeyFrame KeyTime="00:00:01.4" Value="0" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="hyperlink4"
                    Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="850" />
                <SplineDoubleKeyFrame KeyTime="00:00:01.2" Value="850" />
                <SplineDoubleKeyFrame KeyTime="00:00:01.7" Value="0" />
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>

    <Grid Margin="0" HorizontalAlignment="Left" x:Name="LayoutRoot">

        <vsm:VisualStateManager.VisualStateGroups>
            <vsm:VisualStateGroup x:Name="StateGroup">
                <vsm:VisualState x:Name="loaded_img" />
            </vsm:VisualStateGroup>
        </vsm:VisualStateManager.VisualStateGroups>

        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <Border BorderThickness="1,1,1,1" CornerRadius="6,6,6,6" Grid.RowSpan="4"
                Grid.ColumnSpan="5">
            <Border.Background>
                <LinearGradientBrush EndPoint="0.908,1.023" StartPoint="0.703,-0.211">
                    <GradientStop Color="#59081861" Offset="0.184" />
                    <GradientStop Color="#6607153B" Offset="0.364" />
                    <GradientStop Color="#FF051341" Offset="0.623" />
                    <GradientStop Color="#FF032459" Offset="0.771" />
                    <GradientStop Color="#FF031B49" Offset="0.986" />
                </LinearGradientBrush>
            </Border.Background>
            <Border.BorderBrush>
                <LinearGradientBrush EndPoint="0.882,0.978" StartPoint="0.021,0.015">
                    <GradientStop Color="#FF06C9F6" />
                    <GradientStop Color="#FF017FDD" Offset="1" />
                </LinearGradientBrush>
            </Border.BorderBrush>
            <Path Height="46.96" Margin="0.024,0,-0.024,0" VerticalAlignment="Top" Stretch="Fill"
                    Stroke="{x:Null}" StrokeLineJoin="Round" StrokeThickness="1"
                    Data="M0,5 C0,2.2385762 2.2385762,0 5,0 L999,0 C1001.7614,0 1004,2.2385762 1004,5 C1004,18.333334 1004,-2.063591 1004,11.26974 C533,-12.655115 63,86.905937 0,17.466408 C0,17.466408 0,18.333334 0,5 z">
                <Path.Fill>
                    <LinearGradientBrush EndPoint="0.993,0.296" StartPoint="0.01,0.13">
                        <GradientStop Color="#3300BBFF" Offset="0" />
                        <GradientStop Color="#7F0482D8" Offset="0.32300001382827759" />
                        <GradientStop Color="#7F07306E" Offset="0.587" />
                        <GradientStop Color="#4C050E49" Offset="0.693" />
                        <GradientStop Color="#190A1237" Offset="0.99199998378753662" />
                        <GradientStop Color="#B201A4EF" Offset="0.12999999523162842" />
                    </LinearGradientBrush>
                </Path.Fill>
            </Path>
        </Border>

        <!--<qsf:VersionPresenter Grid.ColumnSpan="5" HorizontalAlignment="Right" />-->
        <Border Background="Black" Opacity=".3" CornerRadius="6" BorderBrush="#0990c9"
                BorderThickness="1" Grid.ColumnSpan="5" Margin="10 10 10 0" Grid.RowSpan="2" />

        <Image Source="/Images/HomePage/Silverlight/Q1.png" Grid.ColumnSpan="5" VerticalAlignment="Top"
                Margin="0 20 40 0" HorizontalAlignment="Right" Width="140" Height="34" />

        <Grid HorizontalAlignment="Left" VerticalAlignment="Center" Grid.ColumnSpan="2" Grid.Row="1"
                Margin="0" Width="450" Height="360">
            <Image Source="/Images/HomePage/Silverlight/HomeMain.png" />

            <StackPanel Margin="0 270 0 0" HorizontalAlignment="Center" Orientation="Horizontal">
                <HyperlinkButton Style="{StaticResource HyperlinkButtonStyle}" Margin="0 0 23 0"
                        TargetName="_blank" NavigateUri="http://www.telerik.com/purchase"
                        Content="Purchase">
                </HyperlinkButton>
                <HyperlinkButton Style="{StaticResource HyperlinkButtonStyle}" TargetName="_blank"
                        NavigateUri="http://www.telerik.com/account/free-trials.aspx"
                        Content="Download trial">
                </HyperlinkButton>
            </StackPanel>
        </Grid>

        <Border BorderBrush="#33ccff" BorderThickness="1 0 0 0" Margin="30 0 0 0" Grid.Row="1"
                Grid.Column="2" VerticalAlignment="Center" Grid.ColumnSpan="3">
            <TextBlock Width="450" VerticalAlignment="Center" FontFamily="Verdana" FontSize="11"
                    Margin="60 0 0 0" Grid.Row="1" Grid.Column="2" Grid.ColumnSpan="3"
                    TextWrapping="Wrap" HorizontalAlignment="Left">
<Run FontWeight="Bold" Foreground="#B7E1EF">Complete set of UI controls for LOB applications </Run>
<LineBreak />
<Run Foreground="#ff4fbfe4">From the most powerful Silverlight grid to stunning animated charts and gauges.</Run>
<LineBreak />
<LineBreak />
<Run FontWeight="Bold" Foreground="#B7E1EF">The most powerful grid </Run>
<LineBreak />
<Run Foreground="#ff4fbfe4">Asynchronous databinding, RadCompression, direct data operations, Excel-like filtering, freezing columns, flexible hierarchy, export to Word/Excel/CSV.</Run>
<LineBreak />
<LineBreak />
<Run FontWeight="Bold" Foreground="#B7E1EF">The most complete Silverlight chart</Run>
<LineBreak />
<Run Foreground="#ff4fbfe4">20 chart types, flexible layouts, data service support, MVVM support, animations, tooltips, dirlldowns, rich and flexible api and much more.</Run>
<LineBreak />
<LineBreak />
<Run FontWeight="Bold" Foreground="#B7E1EF">Professional skins and effortless visual customization </Run>
<LineBreak />
<Run Foreground="#ff4fbfe4">Great-looking skins that help you deliver a consistent look and feel in your Silverlight applications with zero effort.</Run>
<LineBreak />
<LineBreak />
<Run FontWeight="Bold" Foreground="#B7E1EF">Rich data visualization capabilities </Run>
<LineBreak />
<Run Foreground="#ff4fbfe4">Create rich digital dashboards that enable your business customers to quickly analyze key performance indicators (KPIs).</Run>
<LineBreak />
<LineBreak />
<Run FontWeight="Bold" Foreground="#B7E1EF">Common codebase with WPF counterparts </Run>
<LineBreak />
<Run Foreground="#ff4fbfe4">RadControls for Silverlight and RadControls for WPF are derived from the same codebase and share the same API.</Run>
            </TextBlock>
        </Border>
        <Image HorizontalAlignment="Left" Margin="10 10 0 5" Grid.Row="2" Grid.ColumnSpan="4"
                Source="/Images/HomePage/Silverlight/Featured_Demo.png" Width="267" Height="25" />

        <HyperlinkButton TargetName="_blank" x:Name="hyperlink" Grid.Row="3" Grid.Column="0"
                NavigateUri="http://demos.telerik.com/silverlight/jobboard/"
                HorizontalAlignment="Center">
            <HyperlinkButton.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </HyperlinkButton.RenderTransform>
            <StackPanel>
                <Image Source="/Images/HomePage/Silverlight/Ex05Norm.png" Width="187" Height="147" />
                <TextBlock Margin="0,-24,0,0" HorizontalAlignment="Center" Foreground="White">Job Board</TextBlock>
            </StackPanel>
        </HyperlinkButton>

        <HyperlinkButton TargetName="_blank" x:Name="hyperlink1" Grid.Row="3" Grid.Column="1"
                NavigateUri="http://demos.telerik.com/silverlight/default.aspx#Chart/FirstLook"
                HorizontalAlignment="Center">
            <HyperlinkButton.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </HyperlinkButton.RenderTransform>
            <StackPanel>
                <Image Source="/Images/HomePage/Silverlight/chart.png" Width="187" Height="147" />
                <TextBlock Margin="0,-24,0,0" HorizontalAlignment="Center" Foreground="White">Multiple Chart Elements</TextBlock>
            </StackPanel>
        </HyperlinkButton>

        <HyperlinkButton TargetName="_blank" x:Name="hyperlink2" Grid.Row="3" Grid.Column="2"
                NavigateUri="http://demos.telerik.com/silverlight/wizardexample"
                HorizontalAlignment="Center">
            <HyperlinkButton.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </HyperlinkButton.RenderTransform>
            <StackPanel>
                <Image Source="/Images/HomePage/Silverlight/Ex03Norm.png" Width="187" Height="147" />
                <TextBlock Margin="0,-24,0,0" HorizontalAlignment="Center" Foreground="White">Page Navigation</TextBlock>
            </StackPanel>
        </HyperlinkButton>

        <HyperlinkButton TargetName="_blank" x:Name="hyperlink3" Grid.Row="3" Grid.Column="3"
                NavigateUri="http://demos.telerik.com/silverlight/northwindbackend"
                HorizontalAlignment="Center">
            <HyperlinkButton.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </HyperlinkButton.RenderTransform>
            <StackPanel>
                <Image Source="/Images/HomePage/Silverlight/Ex04Norm.png" Width="187" Height="147" />
                <TextBlock Margin="0,-24,0,0" HorizontalAlignment="Center" Foreground="White">Astoria</TextBlock>
            </StackPanel>
        </HyperlinkButton>

        <HyperlinkButton TargetName="_blank" x:Name="hyperlink4" Grid.Row="3" Grid.Column="4"
                NavigateUri="http://demos.telerik.com/silverlight/telerikmedia/"
                HorizontalAlignment="Center">
            <HyperlinkButton.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </HyperlinkButton.RenderTransform>
            <StackPanel>
                <Image Source="/Images/HomePage/Silverlight/Ex01Norm.png" Width="187" Height="147" />
                <TextBlock Margin="0,-24,0,0" HorizontalAlignment="Center" Foreground="White">Telerik Media</TextBlock>
            </StackPanel>
        </HyperlinkButton>

    </Grid>

Greetings,
Kaloyan
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Simon]

Thanks Kaloyan

that's great!