Telerik Forums
UI for WPF Forum
2 answers
266 views
I am trying to replace RadMaskedTextBox with the appropriate RadMaskedInput-controls.

I now have a RadMaskedNumericInput like this:
<telerik:RadMaskedNumericInput x:Name="_numberOfPages" Margin="2" Grid.Column="4" Grid.Row="2"  MinWidth="60" 
        VerticalAlignment="Center" HorizontalAlignment="Stretch"
        Mask="d" FormatString="D2" TextMode="MaskedText"
        AllowInvalidValues="False"
        MaskedInput:MaskedInputExtensions.Minimum="0"
        SelectionOnFocus="SelectAll"
        ErrorMessage="Invalid number of pages"
        Value="{Binding ProjectListItemViewModel.SettableNumberOfPages, Mode=TwoWay, ValidatesOnDataErrors=True, ValidatesOnExceptions=True, NotifyOnValidationError=True}"
        Style="{StaticResource RadMaskedNumericInputStyle}"                                               />

The RadMaskedNumericInputStyle looks like this:
<ControlTemplate TargetType="{x:Type Control}" x:Key="ValidationErrorTemplate">
         <DockPanel LastChildFill="true">
            <Border BorderBrush="{StaticResource ErrorBrush}" BorderThickness="3" Panel.ZIndex="999"
                    Background="White" DockPanel.Dock="right" Margin="-8,0,0,0" Width="16" Height="16" CornerRadius="10"
                    ToolTip="{Binding ElementName=customAdorner, Path=AdornedElement.(Validation.Errors)[0].ErrorContent}">
                <Rectangle Fill="{StaticResource ErrorBrush}" HorizontalAlignment="Stretch" VerticalAlignment="Center" Height="3"
                        RenderTransformOrigin="0.5,0.5">
                    <Rectangle.RenderTransform>
                        <RotateTransform Angle="315" />
                    </Rectangle.RenderTransform>
                </Rectangle>
            </Border>
             
            <AdornedElementPlaceholder Name="customAdorner" VerticalAlignment="Center">
                <Border BorderBrush="{StaticResource ErrorBrush}" BorderThickness="1" />
            </AdornedElementPlaceholder>
        </DockPanel>
    </ControlTemplate>
 
 
    <Style TargetType="{x:Type Controls:RadMaskedNumericInput}" x:Key="RadMaskedNumericInputStyle">
        <Setter Property="FontFamily" Value="Calibri" />
        <Setter Property="FontSize" Value="12" />
        <Setter Property="SelectionOnFocus" Value="CaretToEnd" />
        <Setter Property="Validation.ErrorTemplate" Value="{StaticResource ValidationErrorTemplate}" />
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Style.Triggers>...</Style.Triggers>
    </Style>

My problem is that the original red X is still there if I put my mouse over - even if it is a valid input (see attachment).
What I want is the red border and the red sign on the border. What I do not want (ever) is the red sign with the cross in it.

Can you help me? Thx
Inger Marie
Top achievements
Rank 1
 answered on 20 Jun 2013
1 answer
147 views
I'm attempting to bind a floating point single (type is Single in VB.Net) to the value of databar and getting an error that a conversion cannot be made from Single to Double?

I've not experienced this with other controls.

A single is required in this case because the object is serialized and compressed. Using a single saves disk space.

Further, I need to provide the type Object to the Value property because in some cases I'm providing an Int32, whereas other times I am providing a Single. This is done via a datatemplate in a GridView.

It seems that if I provide anything pother than a double, the RadDataBar throws exceptions?

Am I overlooking something?
Tsvetie
Telerik team
 answered on 20 Jun 2013
11 answers
536 views
Hi
I am using a Radsplitbutton and its dropdown contents is a RadCOntextMenu which has subitems. The issue is when I expand the dropdown and mouse over on the item with subitems the submenu item is popped up and now I click outside the control .I see the popped up submenu item is closed but I want the dropdown also to be closed. Any help is much appreciated. Here is the sample code.
My XAML:

 

 

 

<Style x:Key="Group" TargetType="telerik:RadSplitButton">
<Setter Property="controls:ImageContentSetter.Source" Value="/Images/group.ico"/>
<Setter Property="ToolTip" Value="{x:Static Properties:Resources.Group_ToolTip}"/>
<Setter Property="IsToggle" Value="True"/>
<Setter Property="cal:Message.Attach" Value="[Event Click] = [Action ToggleGroupBy()]"/>
<Setter Property="IsChecked" Value="{Binding DocumentGroupingIsSet, Mode=TwoWay, UpdateSourceTrigger=Explicit}"/> <!-- TwoWay/Explicit allows the binding to work as a Get and not Set-->
<Setter Property="DropDownContent" Value="{Binding}"/>
<Setter Property="DropDownContentTemplate">
<Setter.Value>
<DataTemplate>
<telerik:RadContextMenu>
<i:Interaction.Behaviors> <uiExt:CloseDropDownBehavior/> 

</i:Interaction.Behaviors>  

<telerik:RadMenuItem Header="{x:Static Properties:Resources.Group_Header}" cal:Message.Attach="ToggleGroupBySetting('Cluster')" IsCheckable="True" StaysOpenOnClick="False" IsChecked="{Binding DocumentGrouping, Converter={StaticResource GroupedMenuItemsConverter}, ConverterParameter=Cluster, Mode=TwoWay}" >

 

<telerik:RadMenuItem.Icon>

 

<Image Height="24" Width="16" Source="..\..\Images\cluster.png" />
</telerik:RadMenuItem.Icon>
</telerik:RadMenuItem>
<telerik:RadMenuItem Header="{x:Static Properties:Resources.GroupByDocumentFamily_Header}" > <telerik:RadMenuItem.Icon>
<Image Height="24" Width="16" Source="..\..\Images\sort_by_family.png" />
</telerik:RadMenuItem.Icon>
<telerik:RadMenuItem Header="{x:Static Properties:Resources.StandardListSort_Header}" cal:Message.Attach="ToggleGroupBySetting('DocFamilyListOnly')" IsCheckable="True" StaysOpenOnClick="False" IsChecked="{Binding DocumentGrouping, Converter={StaticResource GroupedMenuItemsConverter}, ConverterParameter=DocFamilyListOnly, Mode=TwoWay}" />
<telerik:RadMenuItem Header="{x:Static Properties:Resources.ParentOrChildPrimarySort_Header}" cal:Message.Attach="ToggleGroupBySetting('DocFamilySortParentChild')" IsCheckable="True" StaysOpenOnClick="False" IsChecked="{Binding DocumentGrouping, Converter={StaticResource GroupedMenuItemsConverter}, ConverterParameter=DocFamilySortParentChild, Mode=TwoWay}" />
<telerik:RadMenuItem Header="{x:Static Properties:Resources.ParentPrimarySort_Header}" cal:Message.Attach="ToggleGroupBySetting('DocFamilySortParent')" IsCheckable="True" StaysOpenOnClick="False" IsChecked="{Binding DocumentGrouping, Converter={StaticResource GroupedMenuItemsConverter}, ConverterParameter=DocFamilySortParent, Mode=TwoWay}" />
</telerik:RadMenuItem>
<telerik:RadMenuItem Header="{x:Static Properties:Resources.GroupbyEmailThread_Header}" cal:Message.Attach="ToggleGroupBySetting('EmailThreading')" IsCheckable="True" StaysOpenOnClick="False" IsChecked="{Binding DocumentGrouping, Converter={StaticResource GroupedMenuItemsConverter}, ConverterParameter=EmailThreading, Mode=TwoWay}" >
<telerik:RadMenuItem.Icon>
<Image Height="24" Width="16" Source="..\..\Images\email_threads.png" />
</telerik:RadMenuItem.Icon>
</telerik:RadMenuItem>
<telerik:RadMenuItem Header="{x:Static Properties:Resources.GroupExactDuplicates_Header}" cal:Message.Attach="ToggleGroupBySetting('ExactDuplicates')" IsCheckable="True" StaysOpenOnClick="False" IsChecked="{Binding DocumentGrouping, Converter={StaticResource GroupedMenuItemsConverter}, ConverterParameter=ExactDuplicates, Mode=TwoWay}" >
<telerik:RadMenuItem.Icon>
<Image Height="24" Width="16" Source="..\..\Images\group_exact_duplicates.png" />
</telerik:RadMenuItem.Icon>
</telerik:RadMenuItem>
<telerik:RadMenuItem Header="{x:Static Properties:Resources.GroupNearDuplicates_Header}" cal:Message.Attach="ToggleGroupBySetting('NearDuplicates')" IsCheckable="True" StaysOpenOnClick="False" IsChecked="{Binding DocumentGrouping, Converter={StaticResource GroupedMenuItemsConverter}, ConverterParameter=NearDuplicates, Mode=TwoWay}" >
<telerik:RadMenuItem.Icon>
<Image Height="24" Width="16" Source="..\..\Images\group_near_duplicates.png" />
</telerik:RadMenuItem.Icon>
</telerik:RadMenuItem>
</telerik:RadContextMenu>
</DataTemplate>
</Setter.Value>
</Setter>
</Style>

<

 

 

telerik:RadSplitButton x:Name="Group" Style="{StaticResource Group}" />

 



code for menu item click event:

private void MenuItemOnClick(object sender, RadRoutedEventArgs radRoutedEventArgs)

{
RadMenuItem menuItem = sender as RadMenuItem;
if(menuItem == null)  

Debug.Assert(false, @"Unexpected object type.");

return

if(menuItem.Items.Count > 0)

{
// normally, menu items with child menu items  

// do not generate a 'Click' event however, 

 

// if an item in its sub-menu has StaysOpenOnClick set
// we get a 'Click' event from the parent menu item!
return;

}
if(menuItem.StaysOpenOnClick)
{
// honor 'StaysOpenOnClick' behavior
return;
}
RadDropDownButton dropDownButton = menuItem.ParentOfType<RadDropDownButton>();
if (dropDownButton != null)
{

dropDownButton.IsOpen = false;
}
else
{
RadSplitButton splitButton = menuItem.ParentOfType<RadSplitButton>();
if (splitButton != null)
{

splitButton.IsOpen = false;
}
else
{
Debug.Assert(false, @"Cannot find parent RadDropDownButton or RadSplitButton.");
}

}

}

I want the dropdown to be closed when clicked outside the control when the menu item with submenu is expanded.Please help me to resolve this issue

Thanks
Rakesh




Travis
Top achievements
Rank 1
 answered on 19 Jun 2013
2 answers
384 views
How do I change the line color of a chart series when using a ChartSeriesProvider?

If I'm not using the ChartSeriesProvider, then I do this by setting the "Stroke" property,
as illustrated here.  This works:

<telerik:ScatterLineSeries Name="HeadSeries"
    ItemsSource="{Binding Path=DataPoints}"
    XValueBinding="FlowRate"
    YValueBinding="Head"
    PointTemplate="{StaticResource HeadPointTemplate}"
    Stroke="CornflowerBlue">
</telerik:ScatterLineSeries>

However, if use the ChartSeriesProvider, the following snippet does not change the line color.

<
telerik:ScatterSeriesDescriptor ItemsSourcePath="Item"
   XValuePath="FlowRate"
   YValuePath="Head">
  <telerik:ScatterSeriesDescriptor.Style>
    <Style TargetType="telerik:ScatterLineSeries">
      <Setter Property="PointTemplate" Value="{StaticResource HeadPointTemplate}" />
      <Setter Property="Stroke" Value="CornflowerBlue" />
    </Style>
  </telerik:ScatterSeriesDescriptor.Style>
</telerik:ScatterSeriesDescriptor>




Don
Top achievements
Rank 1
 answered on 19 Jun 2013
6 answers
305 views
Hi
base on this tutorial :http://www.telerik.com/help/wpf/radmap-features-data-binding.html
I Implemented INotifyPropertyChange for MapItem
public class MapItem : INotifyPropertyChanged
{
    #region INotifyPropertyChanged Members
    void OnPropertyChanged(string prop)
    {
        if (this.PropertyChanged != null)
            this.PropertyChanged(this, new PropertyChangedEventArgs(prop));
    }
 
    public event PropertyChangedEventHandler PropertyChanged;
and change their Location with this line of code
private void button1_Click(object sender, RoutedEventArgs e)
      {
          foreach (MapItem item in infLayerMovingObjects.ItemsSource)
          {
              Location loc = item.Location;
              loc.Latitude += 0.001;
              loc.Longitude += 0.001;
              item.Location = loc;
          }
      }

but it does not work ,
how should I have to Refresh LayerInformation ?
why LayerInformation does not notice about change in its obesrvable collection ?
thanks.
SondreB
Top achievements
Rank 1
 answered on 19 Jun 2013
3 answers
263 views

Hi,

I have one problem with Fluid Content Control.
I've read the documentation of RadTileView and i've read the "Fluid Content Control" article
 (http://www.telerik.com/help/silverlight/radtileview-fluid-content-control.html).

My problem is in this code :

private void tivSessions_TileStateChanged(object sender, Telerik.Windows.RadRoutedEventArgs e)
{
    RadTileViewItem item = e.OriginalSource as RadTileViewItem;
    if (item != null)
    

            // THIS DOESN'T WORK
        RadFluidContentControl fluidControl = item.Content as RadFluidContentControl;
            // Can't cast item.Content in RadFluidContentControl.

        if (fluidControl != null)
        {
            switch (item.TileState)
            {
                case TileViewItemState.Maximized:
                    fluidControl.State = FluidContentControlState.Large;
                    break;
                case TileViewItemState.Minimized:
                    fluidControl.State = FluidContentControlState.Small;
                    break;
                case TileViewItemState.Restored:
                    fluidControl.State = FluidContentControlState.Normal;
                    break;
            }
        }
    }
}

item.Content is actually my databind object.
I just can't get the RadFluidContent.

Here is my XAML :

<Window x:Class="PDCBrowser.MainWindow"
        Title="MainWindow" Loaded="Window_Loaded">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <ComboBox Name="cbbTracks" DisplayMemberPath="TrackId" SelectedValuePath="TrackId"/>
        <Telerik:RadTileView Name="tivSessions" TileStateChanged="tivSessions_TileStateChanged" Grid.Row="1" ItemsSource="{Binding ElementName=cbbTracks, Path=SelectedItem}">
            <Telerik:RadTileView.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding ShortTitle}" TextWrapping="WrapWithOverflow"></TextBlock>
                </DataTemplate>
            </Telerik:RadTileView.ItemTemplate>
            <Telerik:RadTileView.ContentTemplate>
                <DataTemplate>
                    <Telerik:RadFluidContentControl  ContentChangeMode="Manual">
                        <Telerik:RadFluidContentControl.SmallContent>
                            <TextBlock>SMALL</TextBlock>
                        </Telerik:RadFluidContentControl.SmallContent>
                        <Telerik:RadFluidContentControl.Content>
                            <TextBlock>MEDIUM</TextBlock>
                        </Telerik:RadFluidContentControl.Content>
                        <Telerik:RadFluidContentControl.LargeContent>
                            <TextBlock>LARGE</TextBlock>
                        </Telerik:RadFluidContentControl.LargeContent>
                    </Telerik:RadFluidContentControl>
                </DataTemplate>
            </Telerik:RadTileView.ContentTemplate>
        </Telerik:RadTileView>
    </Grid>
</Window>

Any ideas ?
Regards.

Pavel R. Pavlov
Telerik team
 answered on 19 Jun 2013
3 answers
309 views
Hello,
I have quite complex object with joins and sub-queries to display on grid. Currently I'm getting only 1000 records from database to get better performance. I would really like to have benefits from grid filtering, sorting, server side virtualization, and paging to enable in rare cases uses to go through all data. However I didn't find any way or information how to to do that with complex select data. This data is currently collected 100% using Entity Framework. I've looked to use yours entity framework data source but it only allows simple usage - native entities not complex custom joins.

Could you advice me how to achieve that?
Rossen Hristov
Telerik team
 answered on 19 Jun 2013
2 answers
171 views
Hi,
I try to replace all inlineUIContainers in RadDocument by SpanBoxes. I know how to do it at caretposition using Delete as,
DocumentPosition currentPosition = radRichTextBox1.Document.CaretPosition;
radRichTextBox1.Document.Delete(false, currentPosition);
radRichTextBox1.Insert(text);

However I am not sure how to get documentpostion for each inlineUIContainers. I need help on this.

Thanks,
York
Boby
Telerik team
 answered on 19 Jun 2013
1 answer
81 views
Hi telerik,

I'm trying to make the move from 'old school' d'n'd to the new based on latest release. I've tried to follow you example in documentation.
However, no events are activated. The dragged item is moved to new location, completely handled by the treeview (and none of my code discovers it).

Any suggestions on what to do?

Thanks,

Anders

xaml:
<Controls:RadTreeView
           ItemsSource="{Binding Path=WorkspaceViewModel.Children, NotifyOnSourceUpdated=True}"
           Name="treeview"
           IsLineEnabled="True"
           MouseRightButtonDown="TreeviewMouseRightButtonDown"
           IsDragDropEnabled="True"
           SelectionMode="Single"
           MouseLeftButtonDown="TreeviewMouseLeftButtonDown"
           IsEditable="{Binding CommandHandlerViewModel.CanEditSelected}"
           ItemEditTemplate="{StaticResource edittemplate}"
           >
            
           <Controls:RadTreeView.Resources>
               <Style TargetType="Controls:RadTreeView">
                   <Setter Property="telerik:DragDropManager.AllowCapturedDrag" Value="True"></Setter>
               </Style>
           </Controls:RadTreeView.Resources>


In the constructor of the usercontrol, holding the treeview:

DragDropManager.AddDragInitializeHandler(treeview, OnDragInitialize);
 
DragDropManager.AddGiveFeedbackHandler(treeview, OnGiveFeedback1);
 
DragDropManager.AddDragDropCompletedHandler(treeview, OnDragCompleted1);
 
DragDropManager.AddDropHandler(treeview, OnDrop1);

None of them are implemented yet -- I'm expecting an exception:
private void OnDragCompleted1(object sender, DragDropCompletedEventArgs e)
{
    throw new NotImplementedException();
}
 
private void OnDrop1(object sender, Telerik.Windows.DragDrop.DragEventArgs e)
{
    throw new NotImplementedException();
}
 
private void OnGiveFeedback1(object sender, GiveFeedbackEventArgs e)
{
    throw new NotImplementedException();
}
 
private void OnDragInitialize(object sender, DragInitializeEventArgs e)
{
    throw new NotImplementedException();
}
Anders
Top achievements
Rank 1
 answered on 18 Jun 2013
2 answers
892 views
Just updated the Wpf binaries to the latest 4.0 release and now I am getting 'GridViewGroupRow' TargetType does not match type of element 'GroupHeaderRow' error.

All references/dlls updated with 2013.2.611.40
xmlns:grid="clr-namespace:Telerik.Windows.Controls.GridView;assembly=Telerik.Windows.Controls.GridView"



Here is the Treeview I did not include the Gridview Data Columns

<telerik:RadGridView x:Name="radGridView"
                            ShowGroupPanel="True"                                                     
                            ColumnWidth="*"
                            IsReadOnly="True" 
                            VerticalAlignment="Stretch"
                            HorizontalAlignment="Stretch"
                            Background="Transparent"
                            Grid.Row="0"
                            Grid.RowSpan="4"
                            SelectionMode="Single"
                            Grid.Column="1"                             
                            BorderThickness="0"
                            FontFamily="Segoe UI"
                            FontSize="12"
                            CanUserFreezeColumns="False"
                            RowIndicatorVisibility="Collapsed"
                            MouseDoubleClick="myGridView_MouseDoubleClick"
                            CanUserResizeColumns="True"                                                                                      
                            AutoGenerateColumns="False"
                            ItemsSource="{Binding Path=SearchStuff}"
                            SelectedItem="{Binding Path=SelectedSearchStuff, Mode=TwoWay}"
                            GroupPanelStyle="{DynamicResource GridViewGroupPanelStyle1}"
                            GroupRenderMode="Flat"                            
                            GroupRowStyle="{DynamicResource GridViewGroupRowStyle1}">

 

TreeView Resources

 

<telerik:RadGridView.Resources>
               <Style x:Key="GridViewGroupPanelStyle1" TargetType="{x:Type telerik:GridViewGroupPanel}">
                   <Setter Property="Template">
                       <Setter.Value>
                           <ControlTemplate TargetType="{x:Type telerik:GridViewGroupPanel}">
                               <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="0" Height="36">
                                   <VisualStateManager.VisualStateGroups>
                                       <VisualStateGroup x:Name="Grouping">
                                           <VisualState x:Name="NoGroups"/>
                                           <VisualState x:Name="HasGroups">
                                               <Storyboard>
                                                   <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="panelText">
                                                       <DiscreteObjectKeyFrame KeyTime="0">
                                                           <DiscreteObjectKeyFrame.Value>
                                                               <Visibility>Collapsed</Visibility>
                                                           </DiscreteObjectKeyFrame.Value>
                                                       </DiscreteObjectKeyFrame>
                                                   </ObjectAnimationUsingKeyFrames>
                                                   <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="panelTextGrouped">
                                                       <DiscreteObjectKeyFrame KeyTime="0">
                                                           <DiscreteObjectKeyFrame.Value>
                                                               <Visibility>Visible</Visibility>
                                                           </DiscreteObjectKeyFrame.Value>
                                                       </DiscreteObjectKeyFrame>
                                                   </ObjectAnimationUsingKeyFrames>
                                               </Storyboard>
                                           </VisualState>
                                       </VisualStateGroup>
                                   </VisualStateManager.VisualStateGroups>
                                   <Border BorderBrush="#FFEFF6FF" BorderThickness="0" Background="{TemplateBinding Background}" >
                                       <StackPanel Orientation="Horizontal">
                                           <TextBlock x:Name="panelText" FontFamily="Segoe UI" FontSize="12" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" IsHitTestVisible="False" Margin="{TemplateBinding Padding}" telerik:LocalizationManager.ResourceKey="GridViewGroupPanelText" Text="Drag a column header and drop it here to group by that column" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"><Run/></TextBlock>
                                           <TextBlock x:Name="panelTextGrouped" FontFamily="Segoe UI" FontSize="12" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" IsHitTestVisible="False" Margin="{TemplateBinding Padding}" telerik:LocalizationManager.ResourceKey="GridViewGroupPanelTopTextGrouped" Text="Grouped by:" Visibility="Collapsed" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"><Run/></TextBlock>
                                           <ItemsPresenter VerticalAlignment="Center"/>
                                       </StackPanel>
                                       <Border.Effect>
                                           <DropShadowEffect Color="Black" Opacity=".2" BlurRadius="4" ShadowDepth="2" Direction="270" />
                                       </Border.Effect>
                                   </Border>
                               </Border>
                           </ControlTemplate>
                       </Setter.Value>
                   </Setter>
                   <Setter Property="ItemsPanel">
                       <Setter.Value>
                           <ItemsPanelTemplate>
                               <StackPanel IsItemsHost="True" Orientation="Horizontal" VerticalAlignment="Stretch"/>
                           </ItemsPanelTemplate>
                       </Setter.Value>
                   </Setter>
                   <Setter Property="MinHeight" Value="32"/>
                   <Setter Property="Margin" Value="0"/>
                   <Setter Property="Padding" Value="10,0,3,0"/>
                   <Setter Property="Background">
                       <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="BorderBrush" Value="#FF848484"/>
                   <Setter Property="BorderThickness" Value="0,0,0,1"/>
                   <Setter Property="VerticalContentAlignment" Value="Center"/>
                   <Setter Property="HorizontalContentAlignment" Value="Left"/>
                   <Setter Property="SnapsToDevicePixels" Value="True"/>
               </Style>
               <Style x:Key="GridViewGroupRowStyle1" TargetType="{x:Type grid:GridViewGroupRow}">
                   <Setter Property="Template">
                       <Setter.Value>
                           <ControlTemplate TargetType="{x:Type grid:GridViewGroupRow}">
                               <Grid x:Name="PART_GroupExpanderGrid">
                                   <Grid.ColumnDefinitions>
                                       <ColumnDefinition Width="Auto"/>
                                       <ColumnDefinition Width="Auto"/>
                                       <ColumnDefinition Width="*"/>
                                   </Grid.ColumnDefinitions>
                                   <Grid.RowDefinitions>
                                       <RowDefinition x:Name="PART_HeaderRow" MinHeight="{TemplateBinding MinHeight}"/>
                                       <RowDefinition x:Name="ContentRow" Height="Auto"/>
                                   </Grid.RowDefinitions>
 
 
                                   <VisualStateManager.VisualStateGroups>
                                       <VisualStateGroup x:Name="ExpandStateGroup">
                                           <VisualState x:Name="Expanded">
                                               <Storyboard>
                                                   <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="Content">
                                                       <DiscreteObjectKeyFrame KeyTime="0">
                                                           <DiscreteObjectKeyFrame.Value>
                                                               <Visibility>Visible</Visibility>
                                                           </DiscreteObjectKeyFrame.Value>
                                                       </DiscreteObjectKeyFrame>
                                                   </ObjectAnimationUsingKeyFrames>
                                                   <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="BottomBorder" >
                                                       <DiscreteObjectKeyFrame KeyTime="0">
                                                           <DiscreteObjectKeyFrame.Value>
                                                               <Visibility>Visible</Visibility>                                                               
                                                           </DiscreteObjectKeyFrame.Value>
                                                       </DiscreteObjectKeyFrame>
                                                   </ObjectAnimationUsingKeyFrames>
                                                   <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="IconOuterBorder">
                                                       <DiscreteObjectKeyFrame KeyTime="0">
                                                           <DiscreteObjectKeyFrame.Value>
                                                               <Thickness>0</Thickness>
                                                           </DiscreteObjectKeyFrame.Value>
                                                       </DiscreteObjectKeyFrame>
                                                   </ObjectAnimationUsingKeyFrames>
                                                   <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="IconInnerBorder">
                                                       <DiscreteObjectKeyFrame KeyTime="0">
                                                           <DiscreteObjectKeyFrame.Value>
                                                               <Thickness>1,1,0,0</Thickness>
                                                           </DiscreteObjectKeyFrame.Value>
                                                       </DiscreteObjectKeyFrame>
                                                   </ObjectAnimationUsingKeyFrames>
                                                   <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(UIElement.RenderTransform).(RotateTransform.Angle)" Storyboard.TargetName="ExpanderButton">
                                                       <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="180"/>
                                                   </DoubleAnimationUsingKeyFrames>
                                               </Storyboard>
                                           </VisualState>
                                           <VisualState x:Name="Collapsed">
                                               <Storyboard>
                                                   <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(UIElement.RenderTransform).(RotateTransform.Angle)" Storyboard.TargetName="ExpanderButton">
                                                       <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="0"/>
                                                   </DoubleAnimationUsingKeyFrames>
                                               </Storyboard>
                                           </VisualState>
                                       </VisualStateGroup>
                                   </VisualStateManager.VisualStateGroups>
                                   <Border x:Name="ToggleButtonBorder" Background="{TemplateBinding Background}" Grid.ColumnSpan="2" Grid.Column="2" MinHeight="{TemplateBinding MinHeight}" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True">
                                       <Grid>
                                           <Grid.ColumnDefinitions>
                                               <ColumnDefinition Width="25"/>
                                               <ColumnDefinition Width="Auto"/>
                                               <ColumnDefinition Width="*"/>
                                           </Grid.ColumnDefinitions>
                                           <Border Grid.Column="2" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True" VerticalAlignment="{TemplateBinding VerticalContentAlignment}">
                                               <Border.Visibility>
                                                   <Binding Path="ShowHeaderAggregates" RelativeSource="{RelativeSource TemplatedParent}">
                                                       <Binding.Converter>
                                                           <telerik:BooleanToVisibilityConverter/>
                                                       </Binding.Converter>
                                                   </Binding>
                                               </Border.Visibility>
                                               <telerik:AggregateResultsList HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" IsTabStop="False" VerticalAlignment="{TemplateBinding VerticalContentAlignment}">
                                                   <telerik:AggregateResultsList.ItemsPanel>
                                                       <ItemsPanelTemplate>
                                                           <StackPanel IsItemsHost="True" Orientation="Horizontal"/>
                                                       </ItemsPanelTemplate>
                                                   </telerik:AggregateResultsList.ItemsPanel>
                                                   <telerik:AggregateResultsList.ItemTemplate>
                                                       <DataTemplate>
                                                           <telerik:GridViewAggregateResultCell AggregateResult="{Binding}" IsTabStop="False">
                                                               <telerik:StyleManager.Theme>
                                                                   <telerik:Office_BlackTheme/>
                                                               </telerik:StyleManager.Theme>
                                                           </telerik:GridViewAggregateResultCell>
                                                       </DataTemplate>
                                                   </telerik:AggregateResultsList.ItemTemplate>
                                               </telerik:AggregateResultsList>
                                           </Border>
                                           <Border x:Name="IconOuterBorder" BorderBrush="Transparent" BorderThickness="0,0,0,0" Background="Transparent" HorizontalAlignment="Stretch" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical">
                                               <Border x:Name="IconInnerBorder" BorderBrush="White" BorderThickness="1,1,0,1">
                                                   <Path x:Name="ExpanderButton" Grid.Column="0" Data="M0,0L1,0 2,0 2,0.99999991 3,0.99999991 3,2 4,2 4,0.99999991 5,0.99999991 5,0 5.9999999,0 7,0 7,0.99999991 5.9999999,0.99999991 5.9999999,2 5,2 5,3 4,3 4,4 3,4 3,3 2,3 2,2 1,2 1,0.99999991 0,0.99999991z" Fill="Black" HorizontalAlignment="Left" Height="5" Margin="{TemplateBinding Padding}" RenderTransformOrigin="0.5,0.5" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Width="7">
                                                       <Path.RenderTransform>
                                                           <RotateTransform/>
                                                       </Path.RenderTransform>
                                                   </Path>
                                               </Border>
                                           </Border>
                                           <ToggleButton x:Name="HeaderButton" Background="{TemplateBinding Background}" Grid.ColumnSpan="3" Grid.Column="0" IsTabStop="{TemplateBinding IsTabStop}" IsChecked="{Binding IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Opacity="0" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical"/>
                                           <ToggleButton BorderBrush="{x:Null}" BorderThickness="0" Background="Transparent" Grid.Column="1" IsTabStop="{TemplateBinding IsTabStop}" IsChecked="{Binding IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Padding="0,0,10,0" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical">
                                               <ToggleButton.Style>
                                                   <Style TargetType="{x:Type ToggleButton}">
                                                       <Setter Property="Template">
                                                           <Setter.Value>
                                                               <ControlTemplate TargetType="{x:Type ToggleButton}">
                                                                   <Border BorderBrush="Transparent" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}">
                                                                       <ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}"/>
                                                                   </Border>
                                                               </ControlTemplate>
                                                           </Setter.Value>
                                                       </Setter>
                                                       <Setter Property="HorizontalContentAlignment" Value="Left"/>
                                                       <Setter Property="VerticalContentAlignment" Value="Center"/>
                                                       <Setter Property="Padding" Value="9,0,0,0"/>
                                                   </Style>
                                               </ToggleButton.Style>
                                               <ContentPresenter ContentTemplate="{TemplateBinding GroupHeaderTemplate}" Content="{TemplateBinding GroupViewModel}" Grid.Column="1" Margin="0,0,10,0" VerticalAlignment="Center"/>
                                           </ToggleButton>
                                           <Border BorderBrush="Transparent" BorderThickness="0,0,0,0" Grid.ColumnSpan="2" Grid.Column="1" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True">
                                               <Border BorderBrush="White" BorderThickness="0,1,1,1"/>
                                           </Border>
                                       </Grid>
                                   </Border>
                                   <Border x:Name="PART_IndicatorPresenter" BorderBrush="Transparent" BorderThickness="0,0,1,1" Grid.Column="0" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" Visibility="{TemplateBinding RowIndicatorVisibility}" VerticalAlignment="Stretch" Width="25">
                                       <Border BorderBrush="White" BorderThickness="1" Background="#FFE4E4E4"/>
                                   </Border>
                                   <telerik:IndentPresenter Background="{TemplateBinding Background}" Grid.Column="1" IsTabStop="False" IndentLevel="{TemplateBinding Level}" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical">
                                       <telerik:StyleManager.Theme>
                                           <telerik:Office_BlackTheme/>
                                       </telerik:StyleManager.Theme>
                                   </telerik:IndentPresenter>
                                   <Border x:Name="Content" Grid.ColumnSpan="5" Grid.Column="0" Grid.Row="1" Visibility="Collapsed">
                                       <StackPanel>
                                           <telerik:GridViewVirtualizingPanel x:Name="PART_GridViewVirtualizingPanel" CanHorizontallyScroll="False" CanVerticallyScroll="False"/>
                                           <telerik:GridViewGroupFooterRow x:Name="Footer" IsTabStop="False">
                                               <telerik:StyleManager.Theme>
                                                   <telerik:Office_BlackTheme/>
                                               </telerik:StyleManager.Theme>
                                           </telerik:GridViewGroupFooterRow>
                                       </StackPanel>
                                   </Border>
                                   <Border x:Name="BottomBorder"  BorderBrush="{StaticResource BasicBrush}" BorderThickness="0,0,0,0" Grid.Column="2" Grid.Row="1" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True" Visibility="Collapsed" VerticalAlignment="Bottom"/>
                               </Grid>
                           </ControlTemplate>
                       </Setter.Value>
                   </Setter>
                   <Setter Property="GroupHeaderTemplate">
                       <Setter.Value>
                           <DataTemplate>
                               <ContentPresenter Content="{Binding Header}"/>
                               
                           </DataTemplate>
                       </Setter.Value>
                   </Setter>
                   <Setter Property="Background" Value="#FFE4E4E4"/>
                   <Setter Property="BorderBrush" Value="Transparent"/>
                   <Setter Property="BorderThickness" Value="0"/>
                   <Setter Property="VerticalContentAlignment" Value="Center"/>
                   <Setter Property="HorizontalContentAlignment" Value="Left"/>
                   <Setter Property="Padding" Value="10,0,0,0"/>                   
                   <Setter Property="MinHeight" Value="25"/>
                   <Setter Property="AllowDrop" Value="True"/>
                   <Setter Property="SnapsToDevicePixels" Value="True"/>
               </Style>
               
           </telerik:RadGridView.Resources>

User Control Resources

<UserControl.Resources>
 
 
        <Style
        TargetType="grid:GridViewIndentCell">
            <Setter Property="Background" Value="{StaticResource MainBrush}" />
            <Setter Property="BorderBrush" Value="{StaticResource BasicBrush}"/>
 
            <Setter Property="BorderThickness" Value="0,0,0,0"/>
            <Setter Property="VerticalContentAlignment" Value="Stretch" />
            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
            <Setter Property="Padding" Value="0" />
 
            <Setter Property="SnapsToDevicePixels" Value="True" />
 
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="grid:GridViewIndentCell">
                        <Border BorderBrush="{TemplateBinding BorderBrush}"
                            Background="{TemplateBinding Background}"
                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                            Padding="{TemplateBinding Padding}"
                            BorderThickness="{TemplateBinding BorderThickness}" Width="25" />
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
 
        <Style
        TargetType="grid:GridViewHeaderIndentCell">
 
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="grid:GridViewHeaderIndentCell">
 
                        <Border x:Name="OuterBorder" Width="25"
                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                            Padding="{TemplateBinding Padding}" Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"/>
 
 
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="BorderThickness" Value="0,0,0,0"/>
            <Setter Property="BorderBrush" Value="{StaticResource AccentBrush}"/>
            <Setter Property="Background" Value="{StaticResource MainBrush}" />
            <Setter Property="VerticalContentAlignment" Value="Stretch" />
            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
            <Setter Property="Padding" Value="0" />
 
            <Setter Property="SnapsToDevicePixels" Value="True" />
 
        </Style>
 
    </UserControl.Resources>

 


Bartley
Top achievements
Rank 1
 answered on 18 Jun 2013
Narrow your results
Selected tags
Tags
GridView
General Discussions
Chart
RichTextBox
Docking
ScheduleView
ChartView
TreeView
Diagram
Map
ComboBox
TreeListView
Window
RibbonView and RibbonWindow
PropertyGrid
DragAndDrop
TabControl
TileView
Carousel
DataForm
PDFViewer
MaskedInput (Numeric, DateTime, Text, Currency)
AutoCompleteBox
DatePicker
Buttons
ListBox
GanttView
PivotGrid
Spreadsheet
Gauges
NumericUpDown
PanelBar
DateTimePicker
DataFilter
Menu
ContextMenu
TimeLine
Calendar
Installer and Visual Studio Extensions
ImageEditor
BusyIndicator
Expander
Slider
TileList
PersistenceFramework
DataPager
Styling
TimeBar
OutlookBar
TransitionControl
FileDialogs
Book
ToolBar
ColorPicker
TimePicker
MultiColumnComboBox
SyntaxEditor
VirtualGrid
Wizard
ExpressionEditor
NavigationView (Hamburger Menu)
WatermarkTextBox
DesktopAlert
BarCode
SpellChecker
DataServiceDataSource
EntityFrameworkDataSource
RadialMenu
ChartView3D
Data Virtualization
BreadCrumb
LayoutControl
ProgressBar
Sparkline
TabbedWindow
ToolTip
CloudUpload
ColorEditor
TreeMap and PivotMap
EntityFrameworkCoreDataSource (.Net Core)
HeatMap
Chat (Conversational UI)
VirtualizingWrapPanel
Calculator
NotifyIcon
TaskBoard
TimeSpanPicker
BulletGraph
Licensing
WebCam
CardView
DataBar
FilePathPicker
PasswordBox
SplashScreen
Callout
Rating
Accessibility
CollectionNavigator
Localization
AutoSuggestBox
Security
VirtualKeyboard
HighlightTextBlock
TouchManager
StepProgressBar
Badge
OfficeNavigationBar
ExpressionParser
CircularProgressBar
SvgImage
PipsPager
SlideView
AI Coding Assistant
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?