2 Answers, 1 is accepted
0
Hi Simon,
Please check the code snippet bellow:
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.
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.
0
Simon
Top achievements
Rank 1
answered on 22 Jun 2009, 12:01 PM
Thanks Kaloyan
that's great!
that's great!