or
<Window xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" x:Class="Controls.MainWindow" x:Name="Window" Title="MainWindow" Width="640" Height="480"> <Grid x:Name="LayoutRoot"> <!--<telerik:RadGridView Style="{DynamicResource RadGridView}"></telerik:RadGridView--> <telerik:RadComboBox EmptyText="Please Select from List" Foreground="{DynamicResource ComboBoxText}" Height="25" Width="200" Style="{DynamicResource GreenComboBoxStyle}" FontWeight="Bold" Padding="5,0"> <telerik:RadComboBoxItem Foreground="Black">Item One</telerik:RadComboBoxItem> <telerik:RadComboBoxItem Foreground="Black">Item Two</telerik:RadComboBoxItem> <telerik:RadComboBoxItem Foreground="Black">Item Three</telerik:RadComboBoxItem> <telerik:RadComboBoxItem Foreground="Black">Item Foure</telerik:RadComboBoxItem> </telerik:RadComboBox> </Grid></Window><ResourceDictionary xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" xmlns:Telerik_Windows_Controls_Chromes="clr-namespace:Telerik.Windows.Controls.Chromes;assembly=Telerik.Windows.Controls"> <LinearGradientBrush x:Key="GreenComboBox" EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FF2E7015" Offset="0"/> <GradientStop Color="#FF5EAD42" Offset="1"/> </LinearGradientBrush> <SolidColorBrush x:Key="GreenComboBoxBorder" Color="#FFADADAD"/> <LinearGradientBrush x:Key="BlueGradientHeader" EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FF0387CE" Offset="0"/> <GradientStop Color="#FF95CDEB" Offset="1"/> </LinearGradientBrush> <Style x:Key="GreenComboBoxStyle" TargetType="{x:Type telerik:RadComboBox}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type telerik:RadComboBox}"> <Grid x:Name="VisualRoot"> <Border Background="{TemplateBinding Background}" CornerRadius="1" IsHitTestVisible="False"/> <telerik:RadToggleButton x:Name="PART_DropDownButton" ClickMode="Press" IsTabStop="False" Margin="0" Padding="0"> <telerik:StyleManager.Theme> <telerik:Office_BlackTheme/> </telerik:StyleManager.Theme> <telerik:RadToggleButton.Template> <ControlTemplate TargetType="{x:Type telerik:RadToggleButton}"> <ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}"/> </ControlTemplate> </telerik:RadToggleButton.Template> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="*"/> <ColumnDefinition Width="Auto"/> </Grid.ColumnDefinitions> <Telerik_Windows_Controls_Chromes:ButtonChrome x:Name="GreenComboBox" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="2" CornerRadius="1" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsDropDownOpen}" RenderFocused="{TemplateBinding IsFocused}" RenderEnabled="{TemplateBinding IsEnabled}"> <telerik:StyleManager.Theme> <telerik:Office_BlackTheme/> </telerik:StyleManager.Theme> </Telerik_Windows_Controls_Chromes:ButtonChrome> <ContentControl x:Name="DropDownIcon" Background="White" Grid.Column="1" Foreground="Black" IsTabStop="False"> <ContentControl.Template> <ControlTemplate TargetType="{x:Type ContentControl}"> <Grid Margin="5,0"> <Path x:Name="BackgroundIcon" Data="M0,0L2,0 1,1z" Fill="{TemplateBinding Background}" Height="3" Margin="0,2,0,0" Stretch="Fill" Width="5"/> <Path x:Name="ForegroundIcon" Data="M0,0L2,0 1,1z" Fill="{TemplateBinding Foreground}" Height="3" Margin="0,1" Stretch="Fill" Width="5"/> </Grid> </ControlTemplate> </ContentControl.Template> </ContentControl> <ContentPresenter x:Name="Content" ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}" Content="{TemplateBinding SelectionBoxItem}" Grid.Column="0" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" IsHitTestVisible="False" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/> </Grid> </telerik:RadToggleButton> <Popup x:Name="PART_Popup" AllowsTransparency="True" PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}"> <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="White" CornerRadius="1" MaxHeight="{TemplateBinding MaxDropDownHeight}" MinWidth="{TemplateBinding MinDropDownWidth}"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <telerik:RadButton x:Name="PART_ClearButton" Content="{TemplateBinding ClearSelectionButtonContent}" Margin="-1,-1,-1,0" Grid.Row="0" Visibility="{TemplateBinding ClearSelectionButtonVisibility}"> <telerik:StyleManager.Theme> <telerik:Office_BlackTheme/> </telerik:StyleManager.Theme> </telerik:RadButton> <ScrollViewer x:Name="PART_ScrollViewer" BorderThickness="0" CanContentScroll="True" Padding="0,1,0,0" Grid.Row="1" VerticalScrollBarVisibility="Auto"> <telerik:StyleManager.Theme> <telerik:Office_BlackTheme/> </telerik:StyleManager.Theme> <ItemsPresenter/> </ScrollViewer> </Grid> </Border> </Popup> </Grid> <ControlTemplate.Triggers> <Trigger Property="IsEnabled" Value="False"> <Setter Property="Opacity" TargetName="Content" Value="0.5"/> <Setter Property="Foreground" TargetName="DropDownIcon" Value="#FF8D8D8D"/> <Setter Property="Background" TargetName="DropDownIcon" Value="White"/> </Trigger> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="IsEnabled" Value="True"/> <Condition Property="IsMouseOver" Value="True"/> </MultiTrigger.Conditions> <Setter Property="Foreground" TargetName="DropDownIcon" Value="Black"/> <Setter Property="Background" TargetName="DropDownIcon" Value="White"/> </MultiTrigger> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="IsEnabled" Value="True"/> <Condition Property="IsDropDownOpen" Value="True"/> </MultiTrigger.Conditions> <Setter Property="Foreground" TargetName="DropDownIcon" Value="Black"/> <Setter Property="Background" TargetName="DropDownIcon" Value="White"/> </MultiTrigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> <Setter Property="EditableTemplate"> <Setter.Value> <ControlTemplate TargetType="{x:Type telerik:RadComboBox}"> <Grid x:Name="VisualRoot"> <Grid.ColumnDefinitions> <ColumnDefinition Width="*"/> <ColumnDefinition Width="Auto"/> </Grid.ColumnDefinitions> <Border x:Name="Background" Background="White" Grid.Column="0" CornerRadius="1,0,0,1" IsHitTestVisible="False"/> <Border Background="{TemplateBinding Background}" Grid.ColumnSpan="2" CornerRadius="1" IsHitTestVisible="False"/> <Border x:Name="Border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="2" CornerRadius="1" IsHitTestVisible="False"/> <Border x:Name="MouseOverVisual" BorderBrush="#FFFFC92B" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="2" CornerRadius="1" IsHitTestVisible="False" Opacity="0" Visibility="Collapsed"/> <telerik:PickerTextBox x:Name="PART_EditableTextBox" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Grid.Column="0" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" IsReadOnly="{TemplateBinding IsReadOnly}" Padding="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"> <telerik:StyleManager.Theme> <telerik:Office_BlackTheme/> </telerik:StyleManager.Theme> </telerik:PickerTextBox> <Border x:Name="FocusVisual" BorderBrush="#FFFFC92B" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="2" CornerRadius="1" IsHitTestVisible="False" Visibility="Collapsed"> <Border BorderBrush="Transparent" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="0"/> </Border> <telerik:RadToggleButton x:Name="PART_DropDownButton" ClickMode="Press" Grid.Column="1" IsTabStop="False" Margin="0" Padding="0"> <telerik:StyleManager.Theme> <telerik:Office_BlackTheme/> </telerik:StyleManager.Theme> <telerik:RadToggleButton.Template> <ControlTemplate TargetType="{x:Type telerik:RadToggleButton}"> <ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}"/> </ControlTemplate> </telerik:RadToggleButton.Template> <Grid> <Telerik_Windows_Controls_Chromes:ButtonChrome x:Name="GreenComboBox" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="0,1,1,0" RenderMouseOver="{Binding IsMouseOver, ElementName=PART_DropDownButton}" RenderPressed="{TemplateBinding IsDropDownOpen}" RenderFocused="{TemplateBinding IsKeyboardFocusWithin}" RenderActive="{TemplateBinding IsMouseOver}" RenderEnabled="{TemplateBinding IsEnabled}"> <telerik:StyleManager.Theme> <telerik:Office_BlackTheme/> </telerik:StyleManager.Theme> </Telerik_Windows_Controls_Chromes:ButtonChrome> <ContentControl x:Name="DropDownIcon" Background="White" Grid.Column="1" Foreground="Black" IsTabStop="False"> <ContentControl.Template> <ControlTemplate TargetType="{x:Type ContentControl}"> <Grid Margin="5,0"> <Path x:Name="BackgroundIcon" Data="M0,0L2,0 1,1z" Fill="{TemplateBinding Background}" Height="3" Margin="0,2,0,0" Stretch="Fill" Width="5"/> <Path x:Name="ForegroundIcon" Data="M0,0L2,0 1,1z" Fill="{TemplateBinding Foreground}" Height="3" Margin="0,1" Stretch="Fill" Width="5"/> </Grid> </ControlTemplate> </ContentControl.Template> </ContentControl> </Grid> </telerik:RadToggleButton> <TextBlock x:Name="Watermark" HorizontalAlignment="Left" IsHitTestVisible="False" Margin="5,0,0,0" Opacity="0.5" Text="{TemplateBinding EmptyText}" Visibility="Collapsed" VerticalAlignment="Center"/> <Popup x:Name="PART_Popup" AllowsTransparency="True" PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}"> <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="White" CornerRadius="1" MaxHeight="{TemplateBinding MaxDropDownHeight}" MinWidth="{TemplateBinding MinDropDownWidth}"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <telerik:RadButton x:Name="PART_ClearButton" Content="{TemplateBinding ClearSelectionButtonContent}" Margin="-1,-1,-1,0" Grid.Row="0" Visibility="{TemplateBinding ClearSelectionButtonVisibility}"> <telerik:StyleManager.Theme> <telerik:Office_BlackTheme/> </telerik:StyleManager.Theme> </telerik:RadButton> <ScrollViewer x:Name="PART_ScrollViewer" BorderThickness="0" CanContentScroll="True" Padding="0,1,0,0" Grid.Row="1" VerticalScrollBarVisibility="Auto"> <telerik:StyleManager.Theme> <telerik:Office_BlackTheme/> </telerik:StyleManager.Theme> <ItemsPresenter/> </ScrollViewer> </Grid> </Border> </Popup> </Grid> <ControlTemplate.Triggers> <Trigger Property="IsEnabled" Value="False"> <Setter Property="BorderBrush" TargetName="Border" Value="#FF989898"/> <Setter Property="Foreground" TargetName="PART_EditableTextBox" Value="#FF8D8D8D"/> <Setter Property="Foreground" TargetName="DropDownIcon" Value="#FF8D8D8D"/> <Setter Property="Background" TargetName="DropDownIcon" Value="White"/> <Setter Property="BorderBrush" TargetName="Border" Value="#FF989898"/> <Setter Property="Background" TargetName="Background" Value="#FFE0E0E0"/> </Trigger> <Trigger Property="IsWatermarkVisible" Value="True"> <Setter Property="Visibility" TargetName="Watermark" Value="Visible"/> </Trigger> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="IsEnabled" Value="True"/> <Condition Property="IsMouseOver" Value="True"/> </MultiTrigger.Conditions> <MultiTrigger.EnterActions> <BeginStoryboard> <Storyboard> <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="MouseOverVisual"> <LinearDoubleKeyFrame KeyTime="0:0:0.115" Value="1"/> </DoubleAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="MouseOverVisual"> <DiscreteObjectKeyFrame KeyTime="0"> <DiscreteObjectKeyFrame.Value> <Visibility>Visible</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> </Storyboard> </BeginStoryboard> </MultiTrigger.EnterActions> <MultiTrigger.ExitActions> <BeginStoryboard> <Storyboard> <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="MouseOverVisual"> <LinearDoubleKeyFrame KeyTime="0:0:0.15" Value="0"/> </DoubleAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="MouseOverVisual"> <DiscreteObjectKeyFrame KeyTime="0:0:0.15"> <DiscreteObjectKeyFrame.Value> <Visibility>Collapsed</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> </Storyboard> </BeginStoryboard> </MultiTrigger.ExitActions> <Setter Property="Foreground" TargetName="DropDownIcon" Value="Black"/> <Setter Property="Background" TargetName="DropDownIcon" Value="White"/> </MultiTrigger> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="IsEnabled" Value="True"/> <Condition Property="IsDropDownOpen" Value="True"/> </MultiTrigger.Conditions> <Setter Property="BorderBrush" TargetName="Border"> <Setter.Value> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FF282828"/> <GradientStop Color="#FF5F5F5F" Offset="1"/> </LinearGradientBrush> </Setter.Value> </Setter> <Setter Property="Foreground" TargetName="DropDownIcon" Value="Black"/> <Setter Property="Background" TargetName="DropDownIcon" Value="White"/> </MultiTrigger> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="IsKeyboardFocusWithin" Value="True"/> <Condition Property="IsDropDownOpen" Value="False"/> </MultiTrigger.Conditions> <Setter Property="Visibility" TargetName="FocusVisual" Value="Visible"/> </MultiTrigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> <Setter Property="NonEditableTemplate"> <Setter.Value> <ControlTemplate TargetType="{x:Type telerik:RadComboBox}"> <Grid x:Name="VisualRoot"> <Border Background="{TemplateBinding Background}" CornerRadius="1" IsHitTestVisible="False"/> <telerik:RadToggleButton x:Name="PART_DropDownButton" ClickMode="Press" IsTabStop="False" Margin="0" Padding="0" Background="{DynamicResource GreenComboBox}"> <telerik:StyleManager.Theme> <telerik:Office_BlackTheme/> </telerik:StyleManager.Theme> <telerik:RadToggleButton.Template> <ControlTemplate TargetType="{x:Type telerik:RadToggleButton}"> <ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}"/> </ControlTemplate> </telerik:RadToggleButton.Template> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="*"/> <ColumnDefinition Width="Auto"/> </Grid.ColumnDefinitions> <Telerik_Windows_Controls_Chromes:ButtonChrome x:Name="GreenComboBox" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="2" CornerRadius="1" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsDropDownOpen}" RenderFocused="{TemplateBinding IsFocused}" RenderEnabled="{TemplateBinding IsEnabled}" Background="{DynamicResource GreenComboBox}"> <telerik:StyleManager.Theme> <telerik:Office_BlackTheme/> </telerik:StyleManager.Theme> </Telerik_Windows_Controls_Chromes:ButtonChrome> <ContentControl x:Name="DropDownIcon" Background="White" Grid.Column="1" Foreground="Black" IsTabStop="False"> <ContentControl.Template> <ControlTemplate TargetType="{x:Type ContentControl}"> <Grid Margin="5,0"> <Path x:Name="BackgroundIcon" Data="M0,0L2,0 1,1z" Fill="{TemplateBinding Background}" Height="3" Margin="0,2,0,0" Stretch="Fill" Width="5"/> <Path x:Name="ForegroundIcon" Data="M0,0L2,0 1,1z" Fill="{TemplateBinding Foreground}" Height="3" Margin="0,1" Stretch="Fill" Width="5"/> </Grid> </ControlTemplate> </ContentControl.Template> </ContentControl> <ContentPresenter x:Name="Content" ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}" Content="{TemplateBinding SelectionBoxItem}" Grid.Column="0" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" IsHitTestVisible="False" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/> </Grid> </telerik:RadToggleButton> <Popup x:Name="PART_Popup" AllowsTransparency="True" PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}"> <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="White" CornerRadius="1" MaxHeight="{TemplateBinding MaxDropDownHeight}" MinWidth="{TemplateBinding MinDropDownWidth}"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <telerik:RadButton x:Name="PART_ClearButton" Content="{TemplateBinding ClearSelectionButtonContent}" Margin="-1,-1,-1,0" Grid.Row="0" Visibility="{TemplateBinding ClearSelectionButtonVisibility}" Background="{DynamicResource GreenComboBox}"> <telerik:StyleManager.Theme> <telerik:Office_BlackTheme/> </telerik:StyleManager.Theme> </telerik:RadButton> <ScrollViewer x:Name="PART_ScrollViewer" BorderThickness="0" CanContentScroll="True" Padding="0,1,0,0" Grid.Row="1" VerticalScrollBarVisibility="Auto"> <telerik:StyleManager.Theme> <telerik:Office_BlackTheme/> </telerik:StyleManager.Theme> <ItemsPresenter/> </ScrollViewer> </Grid> </Border> </Popup> </Grid> <ControlTemplate.Triggers> <Trigger Property="IsEnabled" Value="False"> <Setter Property="Opacity" TargetName="Content" Value="0.5"/> <Setter Property="Foreground" TargetName="DropDownIcon" Value="#FF8D8D8D"/> <Setter Property="Background" TargetName="DropDownIcon" Value="White"/> </Trigger> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="IsEnabled" Value="True"/> <Condition Property="IsMouseOver" Value="True"/> </MultiTrigger.Conditions> <Setter Property="Foreground" TargetName="DropDownIcon" Value="Black"/> <Setter Property="Background" TargetName="DropDownIcon" Value="White"/> </MultiTrigger> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="IsEnabled" Value="True"/> <Condition Property="IsDropDownOpen" Value="True"/> </MultiTrigger.Conditions> <Setter Property="Foreground" TargetName="DropDownIcon" Value="Black"/> <Setter Property="Background" TargetName="DropDownIcon" Value="White"/> </MultiTrigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> <Setter Property="HorizontalContentAlignment" Value="Stretch"/> <Setter Property="VerticalContentAlignment" Value="Center"/> <Setter Property="MinHeight" Value="22"/> <Setter Property="Padding" Value="4,0"/> <Setter Property="Foreground" Value="Black"/> <Setter Property="Background" Value="Transparent"/> <Setter Property="BorderBrush" Value="#FFADADAD"/> <Setter Property="BorderThickness" Value="1"/> <Setter Property="SnapsToDevicePixels" Value="True"/> <Setter Property="FocusVisualStyle" Value="{x:Null}"/> </Style> <Style x:Key="RadGridView" TargetType="{x:Type telerik:RadGridView}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type telerik:RadGridView}"> <AdornerDecorator> <Border x:Name="PART_MasterGridContainer" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}"> <Grid x:Name="HierrarchyBackground" Background="{TemplateBinding Background}"> <Grid.ColumnDefinitions> <ColumnDefinition/> <ColumnDefinition x:Name="ScrollBarColumn" MinWidth="0" Width="0"/> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition x:Name="PART_AttachedBehaviorRow" Height="Auto"/> <RowDefinition/> <RowDefinition x:Name="ScrollBarRow" Height="0" MinHeight="0"/> <RowDefinition Height="Auto"/> </Grid.RowDefinitions> <telerik:GridViewGroupPanel x:Name="PART_GroupPanel" BorderBrush="#FF848484" Background="{DynamicResource GreenComboBox}" Grid.ColumnSpan="2" Foreground="White" IsTabStop="False" Grid.Row="0" FontSize="14" FontFamily="Segoe UI"> <telerik:StyleManager.Theme> <telerik:Office_BlackTheme/> </telerik:StyleManager.Theme> </telerik:GridViewGroupPanel> <telerik:GridViewScrollViewer x:Name="PART_ItemsScrollViewer" Background="Transparent" CanContentScroll="True" Grid.ColumnSpan="2" Grid.Row="2" Grid.RowSpan="2" Style="{DynamicResource GridViewScrollViewerStyle}"> <telerik:GridViewScrollViewer.FooterRow> <telerik:GridViewFooterRow x:Name="PART_FooterRow" IsTabStop="False" IndentLevel="{TemplateBinding GroupCount}"> <telerik:StyleManager.Theme> <telerik:Office_BlackTheme/> </telerik:StyleManager.Theme> </telerik:GridViewFooterRow> </telerik:GridViewScrollViewer.FooterRow> <telerik:GridViewScrollViewer.HeaderRow> <telerik:GridViewHeaderRow x:Name="PART_HeaderRow" IsTabStop="False" IndentLevel="{TemplateBinding GroupCount}" Background="{DynamicResource BlueGradientHeader}"> </telerik:GridViewHeaderRow> </telerik:GridViewScrollViewer.HeaderRow> <telerik:GridViewScrollViewer.NewRow> <telerik:GridViewNewRow x:Name="PART_AddNewRow" IsTabStop="False" IndentLevel="{TemplateBinding GroupCount}" Visibility="Collapsed"> <telerik:StyleManager.Theme> <telerik:Office_BlackTheme/> </telerik:StyleManager.Theme> </telerik:GridViewNewRow> </telerik:GridViewScrollViewer.NewRow> <telerik:GridViewVirtualizingPanel x:Name="PART_GridViewVirtualizingPanel"/> </telerik:GridViewScrollViewer> <telerik:ScrollPositionIndicator x:Name="PART_ScrollPositionIndicator" Grid.ColumnSpan="2" ContentTemplate="{TemplateBinding ScrollPositionIndicatorTemplate}" HorizontalAlignment="Right" IsHitTestVisible="False" IsTabStop="False" Margin="0,0,28,0" Grid.Row="2"> <telerik:ScrollPositionIndicator.Visibility> <Binding Mode="TwoWay" Path="IsScrolling" RelativeSource="{RelativeSource TemplatedParent}"> <Binding.Converter> <telerik:BooleanToVisibilityConverter/> </Binding.Converter> </Binding> </telerik:ScrollPositionIndicator.Visibility> </telerik:ScrollPositionIndicator> <Border x:Name="PART_FrozenColumnsPreview" Background="#33000000" HorizontalAlignment="Left" Grid.Row="1" Grid.RowSpan="4" Visibility="Collapsed" VerticalAlignment="Stretch" Width="6"/> <telerik:GridViewLoadingIndicator x:Name="PART_GridViewLoadingIndicator" Grid.ColumnSpan="2" IsTabStop="False" Grid.RowSpan="4" Visibility="Collapsed"> <telerik:StyleManager.Theme> <telerik:Office_BlackTheme/> </telerik:StyleManager.Theme> </telerik:GridViewLoadingIndicator> </Grid> </Border> </AdornerDecorator> <ControlTemplate.Triggers> <Trigger Property="IsBusy" Value="True"> <Setter Property="Visibility" TargetName="PART_GridViewLoadingIndicator" Value="Visible"/> </Trigger> <Trigger Property="IsBusy" Value="False"> <Setter Property="Visibility" TargetName="PART_GridViewLoadingIndicator" Value="Collapsed"/> </Trigger> <Trigger Property="ShowColumnFooters" Value="False"> <Setter Property="Visibility" TargetName="PART_FooterRow" Value="Collapsed"/> </Trigger> <Trigger Property="ShowColumnHeaders" Value="False"> <Setter Property="Visibility" TargetName="PART_HeaderRow" Value="Collapsed"/> </Trigger> <Trigger Property="ShowGroupPanel" Value="False"> <Setter Property="Visibility" TargetName="PART_GroupPanel" Value="Collapsed"/> </Trigger> <Trigger Property="ComputedVerticalScrollBarVisibility" SourceName="PART_ItemsScrollViewer" Value="Collapsed"> <Setter Property="Width" TargetName="ScrollBarColumn" Value="0"/> </Trigger> <Trigger Property="ComputedHorizontalScrollBarVisibility" SourceName="PART_ItemsScrollViewer" Value="Collapsed"> <Setter Property="Height" TargetName="ScrollBarRow" Value="0"/> <Setter Property="Grid.RowSpan" TargetName="PART_ItemsScrollViewer" Value="1"/> </Trigger> <Trigger Property="ShowInsertRow" Value="True"> <Setter Property="Visibility" TargetName="PART_AddNewRow" Value="Visible"/> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> <Setter Property="Background" Value="White"/> <Setter Property="BorderBrush" Value="#FF848484"/> <Setter Property="Foreground" Value="Black"/> <Setter Property="BorderThickness" Value="1"/> <Setter Property="AlternateRowBackground" Value="#FFF4F4F4"/> <Setter Property="VerticalGridLinesBrush" Value="#FFCBCBCB"/> <Setter Property="HorizontalGridLinesBrush" Value="#FFCBCBCB"/> <Setter Property="GroupPanelBackground"> <Setter.Value> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FFDFDFDF" Offset="1"/> <GradientStop Color="#FFBABABA"/> </LinearGradientBrush> </Setter.Value> </Setter> <Setter Property="GroupPanelForeground" Value="Black"/> <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/> <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/> <Setter Property="VerticalAlignment" Value="Stretch"/> <Setter Property="HorizontalAlignment" Value="Stretch"/> <Setter Property="SnapsToDevicePixels" Value="True"/> </Style> <Style x:Key="GridViewScrollViewerStyle" TargetType="{x:Type telerik:GridViewScrollViewer}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type telerik:GridViewScrollViewer}"> <Grid x:Name="PART_RootPanel" Background="{TemplateBinding Background}"> <Grid.ColumnDefinitions> <ColumnDefinition Width="*"/> <ColumnDefinition Width="Auto"/> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> <RowDefinition Height="*"/> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> </Grid.RowDefinitions> <ScrollContentPresenter x:Name="PART_ScrollContentPresenter" CanContentScroll="{TemplateBinding CanContentScroll}" CanHorizontallyScroll="False" CanVerticallyScroll="False" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" Grid.Row="2"/> <ScrollBar x:Name="PART_VerticalScrollBar" BorderThickness="1,0,0,0" Grid.Column="1" IsTabStop="False" Maximum="{TemplateBinding ScrollableHeight}" Minimum="0" Orientation="Vertical" Grid.Row="0" Grid.RowSpan="4" Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}" Value="{Binding VerticalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" ViewportSize="{TemplateBinding ViewportHeight}"> <telerik:StyleManager.Theme> <telerik:Office_BlackTheme/> </telerik:StyleManager.Theme> </ScrollBar> <ScrollBar x:Name="PART_HorizontalScrollBar" BorderThickness="0,1,0,0" Grid.Column="0" IsTabStop="False" Maximum="{TemplateBinding ScrollableWidth}" Minimum="0" Orientation="Horizontal" Grid.Row="4" Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}" Value="{Binding HorizontalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" ViewportSize="{TemplateBinding ViewportWidth}"> <telerik:StyleManager.Theme> <telerik:Office_BlackTheme/> </telerik:StyleManager.Theme> </ScrollBar> <Rectangle Grid.Column="1" Grid.Row="4"> <Rectangle.Fill> <RadialGradientBrush Center="0,0" GradientOrigin="0,0" RadiusY="1" RadiusX="1"> <GradientStop Color="#FF848484" Offset="0.066"/> <GradientStop Color="#FFBFBFBF" Offset="0.066"/> <GradientStop Color="#FFF0F0F0" Offset="0.29"/> </RadialGradientBrush> </Rectangle.Fill> </Rectangle> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> <SolidColorBrush x:Key="ComboBoxText" Color="White"/></ResourceDictionary>
<telerik:ChartArea.AxisX>
<telerik:AxisX x:Uid="telerik:AxisX_2"
AxisLabelsVisibility="Collapsed"
MajorTicksVisibility="Collapsed"
MinorTicksVisibility="Collapsed" />
</telerik:ChartArea.AxisX>
If remove them the chart is correctly displayed. Is it the right manner to hide all the ticks ?
I want the lightest graph possible : only the bar with the value number in it, no legend, no title, no tick, nothing else,...
Any help ?
- Cedric -
Here are the complete files:
The Xaml:
and the code of the ViewModel:
public class MainViewModel : ViewModelBase
{
public MainViewModel()
{
this.Items = new List<Item>()
{
new Item()
{
Level = 1,
Text ="AAAA",
StatusGroup = new List<StatusPerformance>()
{
new StatusPerformance("Success", new List<Performance>()
{
new Performance() { Name="TMI", Count=76},
new Performance() { Name="TXT", Count=39}
}),
new StatusPerformance("Misrecognition", new List<Performance>()
{
new Performance() { Name="TMI", Count=15},
new Performance() { Name="TXT", Count=33}
}),
new StatusPerformance("Unknown", new List<Performance>()
{
new Performance() { Name="TMI", Count=62}
})
}
},
new Item() { Level = 2, Text ="BBBB"},
new Item() { Level = 3, Text ="CCCC"},
new Item() { Level = 4, Text ="DDDD"},
};
}
public IList<Item> Items { get; private set; }
}
public class Item : ViewModelBase
{
private TileStateEnum tileState;
public int Level { get; set; }
public string Text { get; set; }
public TileStateEnum TileStateProp
{
get
{
return this.tileState;
}
set
{
if (this.tileState != value)
{
this.tileState = value;
this.NotifyPropertyChanged("TileStateProp");
}
}
}
public List<StatusPerformance> StatusGroup { get; set; }
}
public class StatusPerformance : List<Performance>
{
public StatusPerformance(string status, IList<Performance> performances)
{
this.Status = status;
this.AddRange(performances);
}
public string Status { get; private set; }
}
public class Performance
{
public string Name { get; set; }
public int Count { get; set; }
}

Hello, I have a small doupt about wpf bindinghere i have three classes,class LoanViewBO{ private string _companyName; private List<LoanBO> _loans; public string CompanyName { get { return _companyName; } set { _companyName = value; } } public List<LoanBO> Loans { get { return _loans; } set { _loans = value;} }} class LoanBO{ private List<LoanItemBO> _loanItems; private string _loanNumber; private string _items; private string _reference; public List<LoanItemBO> LoanItems { get { return _loanItems; } set { _loanItems = value;} } public string LoanNumber { get { return _loanNumber; } set { _loanNumber = value; } } public string Items { get {return _items;} set { _items = value;} } public string Reference { get { return _reference; } set { _reference = value; } }} class LoanItemBO { private int? _loanID; private string _loanNumber; private int? _itemID; private string _itemName; public int? LoanID { get { return _loanID; } set { _loanID = value; } } public string LoanNumber { get { return _loanNumber; } set { _loanNumber = value; } } public int? ItemID { get { return _itemID; } set { _itemID = value; } } public string ItemName { get { return _itemName; } set {_itemName = value;} }}Here i have only one textBox. which is going to bind Companyname..also i have two Telerik DataGrid .First dataGrid Bind with Loans and second dataGrid Bind withLoanItems .How to bind with in XAML? here i want to do Insert operation..how i shouldassign DataContext in Code , XAML and Bindings?(here one Loan may have many LoanItems)anybody suggest me? it will be appreciate. and also i want empty row when loading?Thank you..public GridViewHeaderCell()<StackPanel> <telerik:DataFormDataField DataMemberBinding="{Binding Credential.AccountName, Mode=TwoWay}" Label="Account:" /> <telerik:DataFormDataField DataMemberBinding="{Binding Credential.Username, Mode=TwoWay}" Label="Username:" /> <telerik:DataFormDataField Label="Old Password:"> <PasswordBox /> </telerik:DataFormDataField> <telerik:DataFormDataField Label="New Password:"> <PasswordBox /> </telerik:DataFormDataField> <telerik:DataFormDataField DataMemberBinding="{Binding Credential.Domain, Mode=TwoWay}" Label="Domain:" /> <telerik:DataFormCheckBoxField DataMemberBinding="{Binding Credential.IsPrimary, Mode=TwoWay}" Label="Is Primary:" /></StackPanel>
This is a DataTemplate I'm applying to my RadDataForm. However, that last CheckBox field is not displaying properly.
Here is a photo link showing what the output looks like:
http://public.bay.livefilestore.com/y1pD3zRBo_yIsJp0-maZiXz-MeCu6nKQT9fhvcgDuGN2fa-zm8OajKmj7AOZBA2YghLrpMM1bDuawWlr2ZbXaP9Pg/checkbox_issue.png?psid=1
I'm using the latest internal release of the WPF controls on trial. Any ideas?