<?xml version="1.0" encoding="utf-8" ?> |
<root> |
<image url="images\announcementsIcon.png"></image> |
<image url="images\phoneDirectoryIcon.png"></image> |
<image url="images\gadgetWallIcon.png"></image> |
<image url="images\wpaNewsIcon.png"></image> |
<image url="images\newsIcon.png"></image> |
</root> |
I used Blend to import this as an XML data source and declare it on the carousel ItemSource property as a static resource, and then tried to link each image inside the CarouselDataRecordPresenter to the url attributs but didnt succed. I'm not sure what am I doing wrong, I was trying to follow these instructions but they didnt help me. And my second problem, is that,trying to get it going and adding the images to carousel hardcoded, I couldnt get the reflection effect to work. Here's the code. Please help. Thank you
<telerik:RadCarousel x:Name="naxosCarousel" Height="150" HorizontalAlignment="Center" MaxWidth="774" ScrollViewer.HorizontalScrollBarVisibility="Hidden" HorizontalScrollBarVisibility="Hidden"> |
<telerik:RadCarousel.ReflectionSettings> |
<telerik:ReflectionSettings Visibility="Visible" Opacity="1" HiddenPercentage="0.2" HeightOffset="6" Angle="10"/> |
</telerik:RadCarousel.ReflectionSettings> |
<Image Source="images\phoneDirectoryIcon.png"/> |
<Image Source="images\newsIcon.png"/> |
<Image Source="images\gadgetWallIcon.png"/> |
<Image Source="images\wpaNewsIcon.png"/> |
<Image Source="images\announcementsIcon.png"/> |
</telerik:RadCarousel> |
<Style x:Key="GridViewHeaderCellFilterStyle" TargetType="{x:Type telerik:GridViewHeaderCell}"> |
<Setter Property="Template"> |
<Setter.Value> |
<ControlTemplate TargetType="{x:Type telerik:GridViewHeaderCell}"> |
<Grid x:Name="PART_HeaderCellGrid"> |
<Grid.ColumnDefinitions> |
<ColumnDefinition Width="*"/> |
<ColumnDefinition Width="Auto"/> |
</Grid.ColumnDefinitions> |
<!-- Modification Start--> |
<Grid.RowDefinitions> |
<RowDefinition Height="Auto" /> |
<RowDefinition Height="*" /> |
</Grid.RowDefinitions> |
<Grid Grid.Row="1" Grid.ColumnSpan="2" Height="20"> |
<Grid.ColumnDefinitions> |
<ColumnDefinition Width="Auto"/> |
<ColumnDefinition Width="*"/> |
</Grid.ColumnDefinitions> |
<telerik:RadComboBox Grid.Column="0" x:Name="cboOperator" SelectionChanged="cboOperator_SelectionChanged" FontWeight="Normal"> |
<telerik:RadComboBoxItem Content="=" IsSelected="True"></telerik:RadComboBoxItem> |
<telerik:RadComboBoxItem Content="<"></telerik:RadComboBoxItem> |
<telerik:RadComboBoxItem Content="<="></telerik:RadComboBoxItem> |
<telerik:RadComboBoxItem Content=">"></telerik:RadComboBoxItem> |
<telerik:RadComboBoxItem Content=">="></telerik:RadComboBoxItem> |
<telerik:RadComboBoxItem Content="in"></telerik:RadComboBoxItem> |
<telerik:RadComboBoxItem Content="like"></telerik:RadComboBoxItem> |
</telerik:RadComboBox> |
<telerik:RadComboBox Grid.Column="1" x:Name="cboValue" HorizontalAlignment="Stretch" IsEditable="True" IsReadOnly="False" FontWeight="Normal"></telerik:RadComboBox> |
</Grid> |
<!-- Modification End --> |
<Border x:Name="GridViewHeaderCell" Grid.ColumnSpan="2" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"> |
<Border Background="{TemplateBinding Background}" BorderBrush="#FF4B4B4B" BorderThickness="1"/> |
</Border> |
<Border x:Name="GridViewHeaderCell_Over" Opacity="0" Grid.ColumnSpan="2" BorderBrush="#FFFFC92B" BorderThickness="{TemplateBinding BorderThickness}"> |
<Border BorderBrush="White" BorderThickness="1"> |
<Border.Background> |
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> |
<GradientStop Color="#FFFFFBA3" Offset="1"/> |
<GradientStop Color="#FFFFFBDA" Offset="0"/> |
<GradientStop Color="#FFFFD25A" Offset="0.43"/> |
<GradientStop Color="#FFFEEBAE" Offset="0.42"/> |
</LinearGradientBrush> |
</Border.Background> |
</Border> |
</Border> |
<Border x:Name="GridViewHeaderCell_Selected" Opacity="0" Grid.ColumnSpan="2" BorderThickness="{TemplateBinding BorderThickness}"> |
<Border.BorderBrush> |
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> |
<GradientStop Color="#FF616161" Offset="0"/> |
<GradientStop Color="#FF989898" Offset="1"/> |
</LinearGradientBrush> |
</Border.BorderBrush> |
<Border BorderThickness="1"> |
<Border.Background> |
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> |
<GradientStop Color="#FFFFD74E" Offset="0.996"/> |
<GradientStop Color="#FFFFDCAB" Offset="0.17"/> |
<GradientStop Color="#FFFFB062" Offset="0.57"/> |
<GradientStop Color="#FFFFD18F" Offset="0.56"/> |
<GradientStop Color="#FFFFBA74"/> |
</LinearGradientBrush> |
</Border.Background> |
<Border.BorderBrush> |
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> |
<GradientStop Color="#FFB69A78"/> |
<GradientStop Color="#FFFFE17A" Offset="0.126"/> |
</LinearGradientBrush> |
</Border.BorderBrush> |
</Border> |
</Border> |
<ContentControl x:Name="ContentPresenter" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" Foreground="{TemplateBinding Foreground}" Grid.Column="0"/> |
<Path x:Name="PART_SortIndicator" Fill="Black" Stretch="Fill" HorizontalAlignment="Center" Margin="0,3,0,0" VerticalAlignment="Top" Width="5" Height="3" Opacity="0" RenderTransformOrigin="0.5,0.5" Grid.ColumnSpan="2" Data="M0,0L1,0 2,0 3,0 4,0 5,0 5,1 4,1 4,2 3,2 3,3 2,3 2,2 1,2 1,1 0,1 0,0z"> |
<Path.RenderTransform> |
<TransformGroup> |
<ScaleTransform ScaleX="1" ScaleY="-1"/> |
<SkewTransform AngleX="0" AngleY="0"/> |
<RotateTransform Angle="0"/> |
<TranslateTransform X="0" Y="0"/> |
</TransformGroup> |
</Path.RenderTransform> |
</Path> |
<!--<telerik:FilteringDropDown x:Name="PART_DistinctFilterControl" Margin="0,0,8,0" IsTabStop="False" Visibility="{TemplateBinding FilteringUIVisibility}" Grid.Column="1"> |
<telerik:StyleManager.Theme> |
<telerik:Office_BlackTheme/> |
</telerik:StyleManager.Theme> |
</telerik:FilteringDropDown>--> |
<Thumb x:Name="PART_LeftHeaderGripper" HorizontalAlignment="Left" Grid.ColumnSpan="2"> |
<Thumb.Style> |
<Style TargetType="{x:Type Thumb}"> |
<Setter Property="Width" Value="8"/> |
<Setter Property="Background" Value="Transparent"/> |
<Setter Property="BorderBrush" Value="Transparent"/> |
<Setter Property="BorderThickness" Value="0"/> |
<Setter Property="HorizontalContentAlignment" Value="Stretch"/> |
<Setter Property="VerticalContentAlignment" Value="Stretch"/> |
<Setter Property="Padding" Value="0"/> |
<Setter Property="Cursor" Value="SizeWE"/> |
<Setter Property="Template"> |
<Setter.Value> |
<ControlTemplate TargetType="{x:Type Thumb}"> |
<Border HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}"/> |
</ControlTemplate> |
</Setter.Value> |
</Setter> |
</Style> |
</Thumb.Style> |
</Thumb> |
<Thumb x:Name="PART_RightHeaderGripper" HorizontalAlignment="Right" Grid.ColumnSpan="2"> |
<Thumb.Style> |
<Style TargetType="{x:Type Thumb}"> |
<Setter Property="Width" Value="8"/> |
<Setter Property="Background" Value="Transparent"/> |
<Setter Property="BorderBrush" Value="Transparent"/> |
<Setter Property="BorderThickness" Value="0"/> |
<Setter Property="HorizontalContentAlignment" Value="Stretch"/> |
<Setter Property="VerticalContentAlignment" Value="Stretch"/> |
<Setter Property="Padding" Value="0"/> |
<Setter Property="Cursor" Value="SizeWE"/> |
<Setter Property="Template"> |
<Setter.Value> |
<ControlTemplate TargetType="{x:Type Thumb}"> |
<Border HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}"/> |
</ControlTemplate> |
</Setter.Value> |
</Setter> |
</Style> |
</Thumb.Style> |
</Thumb> |
</Grid> |
<ControlTemplate.Triggers> |
<MultiTrigger> |
<MultiTrigger.EnterActions> |
<BeginStoryboard> |
<Storyboard> |
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GridViewHeaderCell_Over" Storyboard.TargetProperty="Opacity"> |
<SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="1"/> |
</DoubleAnimationUsingKeyFrames> |
</Storyboard> |
</BeginStoryboard> |
</MultiTrigger.EnterActions> |
<MultiTrigger.ExitActions> |
<BeginStoryboard> |
<Storyboard> |
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GridViewHeaderCell_Over" Storyboard.TargetProperty="Opacity"> |
<SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0"/> |
</DoubleAnimationUsingKeyFrames> |
</Storyboard> |
</BeginStoryboard> |
</MultiTrigger.ExitActions> |
<MultiTrigger.Conditions> |
<Condition Property="IsMouseOver" Value="True"/> |
<Condition Property="SortingState" Value="None"/> |
</MultiTrigger.Conditions> |
<Setter Property="Foreground" Value="Black"/> |
</MultiTrigger> |
<Trigger Property="SortingState" Value="Ascending"> |
<Setter Property="Foreground" Value="Black"/> |
<Setter Property="Opacity" TargetName="PART_SortIndicator" Value="1"/> |
<Setter Property="LayoutTransform" TargetName="PART_SortIndicator"> |
<Setter.Value> |
<ScaleTransform ScaleX="1" ScaleY="1"/> |
</Setter.Value> |
</Setter> |
<Setter Property="Opacity" TargetName="GridViewHeaderCell_Selected" Value="1"/> |
</Trigger> |
<Trigger Property="SortingState" Value="Descending"> |
<Setter Property="Foreground" Value="Black"/> |
<Setter Property="Opacity" TargetName="PART_SortIndicator" Value="1"/> |
<Setter Property="LayoutTransform" TargetName="PART_SortIndicator"> |
<Setter.Value> |
<ScaleTransform ScaleX="1" ScaleY="-1"/> |
</Setter.Value> |
</Setter> |
<Setter Property="Opacity" TargetName="GridViewHeaderCell_Selected" Value="1"/> |
</Trigger> |
<Trigger Property="SortingState" Value="None"> |
<Setter Property="Opacity" TargetName="PART_SortIndicator" Value="0"/> |
</Trigger> |
</ControlTemplate.Triggers> |
</ControlTemplate> |
</Setter.Value> |
</Setter> |
<Setter Property="Background"> |
<Setter.Value> |
<LinearGradientBrush 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> |
</Setter.Value> |
</Setter> |
<Setter Property="BorderBrush" Value="#FF848484"/> |
<Setter Property="BorderThickness" Value="0,0,1,1"/> |
<Setter Property="VerticalContentAlignment" Value="Center"/> |
<Setter Property="HorizontalContentAlignment" Value="Stretch"/> |
<Setter Property="Padding" Value="5,0,3,0"/> |
<Setter Property="Foreground" Value="White"/> |
<Setter Property="DropMarkPen"> |
<Setter.Value> |
<Pen Brush="White" Thickness="2"/> |
</Setter.Value> |
</Setter> |
<Setter Property="SnapsToDevicePixels" Value="True"/> |
</Style> |
public
ObservableCollection<DataPoint> DataPoints
{
get
{
return dataPoints;
}
set
{
dataPoints =
value;
OnPropertyChanged(
"DataPoints");
}
}
<
telerik:RadChart x:Name="linePlot" ItemsSource="{Binding Path=DataPoints}" >
<telerik:RadChart.DefaultView>
<telerik:ChartDefaultView>
<telerik:ChartDefaultView.ChartTitle>
<telerik:ChartTitle />
</telerik:ChartDefaultView.ChartTitle>
<telerik:ChartDefaultView.ChartLegend>
<telerik:ChartLegend Width="0" />
</telerik:ChartDefaultView.ChartLegend>
<telerik:ChartDefaultView.ChartArea>
<telerik:ChartArea>
<telerik:ChartArea.AxisY>
<telerik:AxisY MajorGridLinesVisibility="Visible" MinorGridLinesVisibility="Visible" />
</telerik:ChartArea.AxisY>
<telerik:ChartArea.AxisX>
<telerik:AxisX />
</telerik:ChartArea.AxisX>
</telerik:ChartArea>
</telerik:ChartDefaultView.ChartArea>
</telerik:ChartDefaultView>
</telerik:RadChart.DefaultView>
<telerik:RadChart.SeriesMappings>
<telerik:SeriesMapping>
<telerik:SeriesMapping.SeriesDefinition>
<telerik:LineSeriesDefinition />
</telerik:SeriesMapping.SeriesDefinition >
<telerik:SeriesMapping.ItemMappings>
<telerik:ItemMapping DataPointMember="YValue"
FieldName="YPlotPoint" />
<telerik:ItemMapping DataPointMember="XValue"
FieldName="XPlotPoint" />
</telerik:SeriesMapping.ItemMappings>
</telerik:SeriesMapping>
</telerik:RadChart.SeriesMappings>
</telerik:RadChart>