1. Home
  2. Forum
  3. WPF
  4. How to style the drop indicator

How to style the drop indicator

Hi,

How can I control the style of the drop indicators (Arrow and Line) ?

I want to control the position of the arrows - increase distance from left border of grid.

I want to control the line width and line color.

Please advise.

Best regards

13 Replies 1 reply marked as answer
VS Vijayarasan Sivanandham Syncfusion Team October 14, 2020 05:40 PM UTC

Hi MrHessellund,

Thank you for contacting Syncfusion support. 
Please find answer for your queries below 
S.No 
Queries 
Solutions 

1 

How can I control the style of the drop indicators (Arrow and Line) ?
I want to control the position of the arrows - increase distance from left border of grid.

 

Your requirement can be achieved by customizing the UpIndicatorContentControl and DownIndicatorContentControl TargetType inSfDataGrid. Please refer the below code snippet,

 
<Style x:Key="UpIndicatorContentControlStyle" TargetType="Syncfusion:UpIndicatorContentControl">
            <Setter Property="Height" Value="17" />
            <Setter Property="Margin" Value="250,0,0,0" />
            <Setter Property="Width" Value="17" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Syncfusion:UpIndicatorContentControl">
                        <Border SnapsToDevicePixels="True">
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="OpenStates">
                                    <VisualState x:Name="Open">
                                        <Storyboard RepeatBehavior="Forever">
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="PART_UpIndicator" Storyboard.TargetProperty="(UIElement.Opacity)">
                                                <EasingDoubleKeyFrame KeyTime="0" Value="0.5" />
                                                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="1" />
                                                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="0.5" />
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Path x:Name="PART_UpIndicator"
                              Data="M9.112874,8.0378246E-05 C9.7075377,0.0055089793 10.299755,0.28596777 10.745893,0.84058738 L12.581395,3.1212618 C13.475121,4.2270861 14.93559,6.0423775 15.82582,7.1494956 L17.664116,9.4308643 C18.557789,10.539382 17.810413,11.430925 16.005547,11.415606 L12.535283,11.38336 L12.535283,16.734177 C12.535283,17.66646 11.779409,18.42079 10.848061,18.42079 L7.1915703,18.42079 C6.2608137,18.42079 5.5035992,17.66646 5.5035992,16.734177 L5.5035992,11.323217 L2.0157599,11.290271 C0.2109952,11.275599 -0.51887822,10.368738 0.3929224,9.2768822 L2.2698665,7.0262566 C3.1823502,5.9359593 4.6743135,4.148622 5.5861521,3.0582769 L7.4651861,0.80975246 C7.9211054,0.26425231 8.5182133,-0.005348762 9.112874,8.0378246E-05 z"  
                             RenderTransformOrigin="0.,0.5"
                              SnapsToDevicePixels="True"   
                             Stretch="Fill"
                              Stroke="Red"
                              Fill="Red"
                              StrokeThickness="1"
                              UseLayoutRounding="False" />
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style BasedOn="{StaticResource UpIndicatorContentControlStyle}" TargetType="Syncfusion:UpIndicatorContentControl" /> 
        <Style x:Key="DownIndicatorContentControlStyle" TargetType="Syncfusion:DownIndicatorContentControl">
            <Setter Property="Margin" Value="250,0,0,0" />
            <Setter Property="Height" Value="17" />
            <Setter Property="Width" Value="17" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Syncfusion:DownIndicatorContentControl">
                        <Border SnapsToDevicePixels="True">
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="OpenStates">
                                    <VisualState x:Name="Open">
                                        <Storyboard RepeatBehavior="Forever">
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="PART_DownIndicator" Storyboard.TargetProperty="(UIElement.Opacity)">
                                                <EasingDoubleKeyFrame KeyTime="0" Value="0.5" />
                                                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="1" />
                                                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="0.5" />
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Path x:Name="PART_DownIndicator"
                              Data="M9.112874,8.0378246E-05 C9.7075377,0.0055089793 10.299755,0.28596777 10.745893,0.84058738 L12.581395,3.1212618 C13.475121,4.2270861 14.93559,6.0423775 15.82582,7.1494956 L17.664116,9.4308643 C18.557789,10.539382 17.810413,11.430925 16.005547,11.415606 L12.535283,11.38336 L12.535283,16.734177 C12.535283,17.66646 11.779409,18.42079 10.848061,18.42079 L7.1915703,18.42079 C6.2608137,18.42079 5.5035992,17.66646 5.5035992,16.734177 L5.5035992,11.323217 L2.0157599,11.290271 C0.2109952,11.275599 -0.51887822,10.368738 0.3929224,9.2768822 L2.2698665,7.0262566 C3.1823502,5.9359593 4.6743135,4.148622 5.5861521,3.0582769 L7.4651861,0.80975246 C7.9211054,0.26425231 8.5182133,-0.005348762 9.112874,8.0378246E-05 z"
                             RenderTransformOrigin="0.5,0.5"
                              SnapsToDevicePixels="True"
                              Fill="Red"
                              Stretch="Fill"
                              Stroke="Red"
                              StrokeThickness="1"
                              UseLayoutRounding="False">
                                <Path.RenderTransform>
                                    <TransformGroup>
                                        <RotateTransform Angle="180" />
                                    </TransformGroup>
                                </Path.RenderTransform>
                            </Path>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style BasedOn="{StaticResource DownIndicatorContentControlStyle}" TargetType="Syncfusion:DownIndicatorContentControl" /> 

Please refer the screen shot for your reference,



 

2

 

I want to control the line width and line color.

 

Your requirement can be achieved by override the HeaderRowControl and VirtualizingCellsControl Template in SfDataGrid. Please refer the below code snippet,

 
<!--  Header Row Style  --> 
        <Style    TargetType="Syncfusion:HeaderRowControl"> 
            <Setter Property="Template"> 
                <Setter.Value> 
                    <ControlTemplate TargetType="Syncfusion:HeaderRowControl"> 
                        <Grid> 
                            <Border Background="{TemplateBinding Background}" 
                            BorderBrush="{TemplateBinding BorderBrush}" 
                            BorderThickness="{TemplateBinding BorderThickness}" 
                            SnapsToDevicePixels="True"> 
                                <ContentPresenter /> 
                            </Border> 
                            <Border x:Name="PART_DragLineIndicator"  
                                BorderBrush="Red"  
                                Visibility="Collapsed"  
                                BorderThickness="0,0,0,4" /> 
                        </Grid> 
                    </ControlTemplate> 
                </Setter.Value> 
            </Setter> 
        </Style> 
 
        <!--  Row Style  --> 
        <Style TargetType="Syncfusion:VirtualizingCellsControl"> 
            <Setter Property="Template"> 
                <Setter.Value> 
                    <ControlTemplate TargetType="Syncfusion:VirtualizingCellsControl"> 
                        <Grid> 
                            <VisualStateManager.VisualStateGroups> 
                                <VisualStateGroup x:Name="BorderStates"> 
                                    <VisualState x:Name="NormalRow" /> 
                                    <VisualState x:Name="FrozenRow"> 
                                        <Storyboard BeginTime="0"> 
                                            <ThicknessAnimationUsingKeyFrames BeginTime="0" 
                                                                          Duration="1" 
                                                                          Storyboard.TargetName="PART_RowBorder" 
                                                                          Storyboard.TargetProperty="BorderThickness"> 
                                                <EasingThicknessKeyFrame KeyTime="0" Value="0, 0, 0, 1" /> 
                                            </ThicknessAnimationUsingKeyFrames> 
                                        </Storyboard> 
                                    </VisualState> 
                                    <VisualState x:Name="FooterRow"> 
                                        <Storyboard BeginTime="0"> 
                                            <ThicknessAnimationUsingKeyFrames BeginTime="0" 
                                                                          Duration="1" 
                                                                          Storyboard.TargetName="PART_RowBorder" 
                                                                          Storyboard.TargetProperty="BorderThickness"> 
 
                                                <EasingThicknessKeyFrame KeyTime="0" Value="0, 1, 0, 0" /> 
                                            </ThicknessAnimationUsingKeyFrames> 
                                            <ThicknessAnimationUsingKeyFrames BeginTime="0" 
                                                                          Duration="1" 
                                                                          Storyboard.TargetName="PART_RowBorder" 
                                                                          Storyboard.TargetProperty="Margin"> 
                                                <EasingThicknessKeyFrame KeyTime="0" Value="0, -1, 0, 0" /> 
                                            </ThicknessAnimationUsingKeyFrames> 
                                        </Storyboard> 
                                    </VisualState> 
                                </VisualStateGroup> 
                            </VisualStateManager.VisualStateGroups> 
                            <Border x:Name="PART_RowBorder" 
                                BorderBrush="{TemplateBinding BorderBrush}" 
                                BorderThickness="{TemplateBinding BorderThickness}" /> 
                            <Rectangle Clip="{TemplateBinding RowBackgroundClip}" Fill="{TemplateBinding Background}" /> 
                            <Border Background="{TemplateBinding RowSelectionBrush}" 
                                Clip="{TemplateBinding SelectionBorderClipRect}" 
                                Visibility="{TemplateBinding SelectionBorderVisiblity}" /> 
                            <Border Background="{TemplateBinding RowHoverBackgroundBrush}" 
                                BorderBrush="{TemplateBinding RowHoverBackgroundBrush}" 
                                BorderThickness="{TemplateBinding RowHighlightBorderThickness}" 
                                Clip="{TemplateBinding HighlightBorderClipRect}" 
                                SnapsToDevicePixels="True" 
                                Visibility="{TemplateBinding HighlightSelectionBorderVisiblity}" /> 
                            <Rectangle x:Name="PART_CurrentFocusRow" 
                                   Margin="{TemplateBinding CurrentFocusBorderMargin}" 
                                   Stroke="#666666" 
                                   StrokeDashArray="2,2" 
                                   StrokeThickness="1" 
                                   Visibility="{TemplateBinding CurrentFocusRowVisibility}" /> 
                            <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"> 
                                <ContentPresenter /> 
                            </Border> 
                            <Border x:Name="PART_DragLineIndicator"  
                                BorderBrush="Red"  
                                Visibility="Collapsed"  
                                BorderThickness="0,0,0,4" /> 
                        </Grid> 
                    </ControlTemplate> 
                </Setter.Value> 
            </Setter> 
        </Style> 

Please refer the screen shot for your reference,



 

Sample Link: https://www.syncfusion.com/downloads/support/forum/158682/ze/ArrowandLineStyle-42788612

We hope this helps. Please let us know, if you require further assistance on this.

Regards,
Vijayarasan S 


MR MrHessellund April 3, 2021 08:26 PM UTC

Hi,

Your example is with a SfDataGrid.

How can I accomplish the same with a SfTreeGrid ?

Best regards

VS Vijayarasan Sivanandham Syncfusion Team April 5, 2021 05:02 PM UTC

Hi MrHessellund,

Thanks for the update.

Please find answer for your queries below 
Queries 
Solutions 

How can I control the style of the drop indicators (Arrow and Line)? 
I want to control the position of the arrows - increase distance from left border of SfTreeGrid. 
 

Currently, we are analyzing your requirement of “control the style of the drop indicators Arrow in SfTreeGrid” We will validate and update you the details on or before April 07, 2021. 
 
 
I want to control the line width and line color in SfTreeGrid 

Your requirement can be achieved by override the TreeGridHeaderRowControl and TreeGridRowControl Template in SfTreeGrid. Please refer the below code snippet,

 
 
<Window.Resources> 
        <LinearGradientBrush x:Key=”HeaderBackgroundBrush” StartPoint=”0,0” EndPoint=”1,1” > 
            <GradientStop Color=”Transparent” Offset=”0” /> 
            <GradientStop Color=”Transparent” Offset=”1” /> 
        </LinearGradientBrush> 
        <SolidColorBrush x:Key=”HeaderBorderBrush” Color=”Gray” /> 
        <SolidColorBrush x:Key=”ContentBorderBrush” Color=”Gray” /> 
 
        <Style TargetType=”syncfusion:TreeGridHeaderRowControl”> 
            <Setter Property=”Background” Value=”{StaticResource HeaderBackgroundBrush}” /> 
            <Setter Property=”BorderBrush” Value=”{StaticResource HeaderBorderBrush}” /> 
            <Setter Property=”BorderThickness” Value=”0” /> 
            <Setter Property=”IsTabStop” Value=”False” /> 
            <Setter Property=”syncfusion:VisualContainer.WantsMouseInput” Value=”True”/> 
            <Setter Property=”Template”> 
                <Setter.Value> 
                    <ControlTemplate TargetType=”syncfusion:TreeGridHeaderRowControl”> 
                        <Grid> 
                            <Border Background=”{TemplateBinding Background}” 
                            BorderBrush=”{TemplateBinding BorderBrush}” 
                            BorderThickness=”{TemplateBinding BorderThickness}” 
                            SnapsToDevicePixels=”True”> 
                                <ContentPresenter /> 
                            </Border> 
                            <Border x:Name=”PART_DragLineIndicator”  
                                BorderBrush=”Red”  
                                Visibility=”Collapsed”  
                                BorderThickness=”0,0,0,4” /> 
                        </Grid> 
                    </ControlTemplate> 
                </Setter.Value> 
            </Setter> 
        </Style> 
 
        <Style TargetType=”syncfusion:TreeGridRowControl”> 
            <Setter Property=”BorderBrush” Value=”{StaticResource ContentBorderBrush}” /> 
            <Setter Property=”Template”> 
                <Setter.Value> 
                    <ControlTemplate TargetType=”syncfusion:TreeGridRowControl”> 
                        <Grid> 
                            <Border x:Name=”PART_BackgroundBorder” 
                                Margin=”{TemplateBinding IndentMargin}” 
                                Background=”{TemplateBinding Background}” 
                                Visibility=”Visible”> 
                                <Rectangle x:Name=”PART_FocusRect” 
                                       Margin=”1,2,2,2” 
                                       Fill=”Transparent” 
                                       Stroke=”DarkGray” 
                                       StrokeDashArray=”2,2” 
                                       StrokeThickness=”1” 
                                       Visibility=”Collapsed” /> 
                            </Border> 
                            <Border x:Name=”PART_SelectionBorder” 
                                Margin=”{TemplateBinding IndentMargin}” 
                                Background=”{TemplateBinding SelectionBackground}” 
                                Visibility=”Collapsed” /> 
                            <ContentPresenter /> 
                            <Border x:Name=”PART_DragLineIndicator”  
                                BorderBrush=”Red”  
                                Visibility=”Collapsed”  
                                BorderThickness=”0,0,0,4” /> 
                            <VisualStateManager.VisualStateGroups> 
                                <VisualStateGroup x:Name=”SelectionStates”> 
                                    <VisualState x:Name=”Unselected” /> 
                                    <VisualState x:Name=”Selected”> 
                                        <Storyboard> 
                                            <ObjectAnimationUsingKeyFrames BeginTime=”00:00:00” 
                                                                       Storyboard.TargetName=”PART_SelectionBorder” 
                                                                       Storyboard.TargetProperty=”(UIElement.Visibility)”> 
                                                <DiscreteObjectKeyFrame KeyTime=”00:00:00” Value=”{x:Static Visibility.Visible}” /> 
                                            </ObjectAnimationUsingKeyFrames> 
                                        </Storyboard> 
                                    </VisualState> 
                                    <VisualState x:Name=”SelectedPointerOver”> 
                                        <Storyboard> 
                                            <ObjectAnimationUsingKeyFrames BeginTime=”00:00:00” 
                                                                       Storyboard.TargetName=”PART_SelectionBorder” 
                                                                       Storyboard.TargetProperty=”(UIElement.Visibility)”> 
                                                <DiscreteObjectKeyFrame KeyTime=”00:00:00” Value=”{x:Static Visibility.Visible}” /> 
                                            </ObjectAnimationUsingKeyFrames> 
                                        </Storyboard> 
                                    </VisualState> 
                                    <VisualState x:Name=”SelectedPressed”> 
                                        <Storyboard> 
                                            <ObjectAnimationUsingKeyFrames BeginTime=”00:00:00” 
                                                                       Storyboard.TargetName=”PART_SelectionBorder” 
                                                                       Storyboard.TargetProperty=”(UIElement.Visibility)”> 
                                                <DiscreteObjectKeyFrame KeyTime=”00:00:00” Value=”{x:Static Visibility.Visible}” /> 
                                            </ObjectAnimationUsingKeyFrames> 
                                        </Storyboard> 
                                    </VisualState> 
 
                                    <VisualState x:Name=”UnselectedPointerOver” /> 
                                    <VisualState x:Name=”UnselectedPressed” /> 
                                    <VisualState x:Name=”Focused”> 
                                        <Storyboard> 
                                            <ObjectAnimationUsingKeyFrames BeginTime=”00:00:00” 
                                                                       Storyboard.TargetName=”PART_FocusRect” 
                                                                       Storyboard.TargetProperty=”(UIElement.Visibility)”> 
                                                <DiscreteObjectKeyFrame KeyTime=”00:00:00” Value=”{x:Static Visibility.Visible}” /> 
                                            </ObjectAnimationUsingKeyFrames> 
                                        </Storyboard> 
 
                                    </VisualState> 
                                </VisualStateGroup> 
                            </VisualStateManager.VisualStateGroups> 
                        </Grid> 
                    </ControlTemplate> 
                </Setter.Value> 
            </Setter> 
        </Style> 
    </Window.Resources> 
 
Please refer the screen shot for your reference,

 
 
 
 

Please let us know if you have any concerns in this. 

Regards,
Vijayarasan S 


VS Vijayarasan Sivanandham Syncfusion Team April 7, 2021 04:15 PM UTC

Hi MrHessellund,

Sorry for the inconvenience.   

We are still working on this. We will update with further details on or before April 09, 2021. We appreciate your patience and understanding.

Regards,
Vijayarasan S 


VS Vijayarasan Sivanandham Syncfusion Team April 9, 2021 08:29 AM UTC

Hi MrHessellund,

Thank you for your patience

We have created bug report for the reported issue “Customized drag and drop indicator appearance is not applied to row drag and drop indicator in SfTreeGrid”. Can you please confirm, which version you are using currently?

It will be helpful for us to provide patch in that version.

Regards,
Vijayarasan S

MR MrHessellund April 9, 2021 09:08 AM UTC

Hi,

Thank you.

I am using latest weekly. 19.1.0.55

Best regards,

VS Vijayarasan Sivanandham Syncfusion Team April 9, 2021 09:48 AM UTC

Hi MrHessellund, 
Thanks for the update.   
 
As it is confirmed that you are using 19.1.0.55 which is a NuGet version, we are unable to provide patch for the fix in NuGet version. We will fix the issue and include the fix for the issue in our NuGet package which is planned to be released on April 27, 2021.   
 
 
We will let you know once it is released with the fix. We appreciate you patience until then.   
 
Regards,  
Vijayarasan S 


MR MrHessellund April 25, 2021 12:47 PM UTC

Hi,

Using your sample the line indicator is blinking if the mouse is over the line.

Please see attached gif animation.

How can we avoid the bliking behaivour?

Also the drop is often not working if dropped over the line indicator. How do we fix this?

Best regards,


Attachment: indicator_blicking_8fa090e1.zip

VS Vijayarasan Sivanandham Syncfusion Team April 26, 2021 04:25 PM UTC

Hi MrHessellund,

Thanks for the update. 
We could be able to reproduce your reported issue “line indicator is blinking if the mouse is over the line in SfTreeGrid” from our end. We will validate and update you details on or before April 28, 2021.  
We appreciate your patience until then.

Regards,
Vijayarasan S 


VS Vijayarasan Sivanandham Syncfusion Team April 27, 2021 06:16 PM UTC

Hi MrHessellund,

Thank you for your patience.

We are glad to announce that our latest weekly NuGet package update version 19.1.0.58 has been is rolled out with the “Customized drag and drop indicator appearance is not applied to row drag and drop indicatorin SfTreeGrid” and is available for download.

Your requirement can be achieved by customizing the UpIndicatorContentControl and DownIndicatorContentControl TargetType in SfTreeGrid. Please refer the below code snippet,  
<Style  TargetType="{x:Type syncfusion:UpIndicatorContentControl}">            
            <Setter Property="Margin" Value="250,0,0,0" /> 
            <Setter Property="Template"> 
                <Setter.Value> 
                    <ControlTemplate TargetType="{x:Type syncfusion:UpIndicatorContentControl}"> 
                        <Border SnapsToDevicePixels="True"> 
                            <VisualStateManager.VisualStateGroups> 
                                <VisualStateGroup x:Name="OpenStates"> 
                                    <VisualState x:Name="Open"> 
                                        <Storyboard RepeatBehavior="Forever"> 
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="PART_UpIndicator" Storyboard.TargetProperty="(UIElement.Opacity)"> 
                                                <EasingDoubleKeyFrame KeyTime="0" Value="0.5" /> 
                                                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="1" /> 
                                                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="0.5" /> 
                                            </DoubleAnimationUsingKeyFrames> 
                                        </Storyboard> 
                                    </VisualState> 
                                </VisualStateGroup> 
                            </VisualStateManager.VisualStateGroups> 
                            <Path x:Name="PART_UpIndicator" 
                              Data="M9.112874,8.0378246E-05 C9.7075377,0.0055089793 10.299755,0.28596777 10.745893,0.84058738 L12.581395,3.1212618 C13.475121,4.2270861 14.93559,6.0423775 15.82582,7.1494956 L17.664116,9.4308643 C18.557789,10.539382 17.810413,11.430925 16.005547,11.415606 L12.535283,11.38336 L12.535283,16.734177 C12.535283,17.66646 11.779409,18.42079 10.848061,18.42079 L7.1915703,18.42079 C6.2608137,18.42079 5.5035992,17.66646 5.5035992,16.734177 L5.5035992,11.323217 L2.0157599,11.290271 C0.2109952,11.275599 -0.51887822,10.368738 0.3929224,9.2768822 L2.2698665,7.0262566 C3.1823502,5.9359593 4.6743135,4.148622 5.5861521,3.0582769 L7.4651861,0.80975246 C7.9211054,0.26425231 8.5182133,-0.005348762 9.112874,8.0378246E-05 z"                               
                              RenderTransformOrigin="0.5,0.5" 
                              SnapsToDevicePixels="True" 
                              Stretch="Fill" 
                              Stroke="Red" 
                              Fill="Red" 
                              StrokeThickness="1" 
                              UseLayoutRounding="False" /> 
                        </Border> 
                    </ControlTemplate> 
                </Setter.Value> 
            </Setter> 
        </Style>       
 
        <Style  TargetType="{x:Type syncfusion:DownIndicatorContentControl}">            
            <Setter Property="Margin" Value="250,0,0,0" /> 
            <Setter Property="Template"> 
                <Setter.Value> 
                    <ControlTemplate TargetType="{x:Type syncfusion:DownIndicatorContentControl}"> 
                        <Border SnapsToDevicePixels="True"> 
                            <VisualStateManager.VisualStateGroups> 
                                <VisualStateGroup x:Name="OpenStates"> 
                                    <VisualState x:Name="Open"> 
                                        <Storyboard RepeatBehavior="Forever"> 
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="PART_DownIndicator" Storyboard.TargetProperty="(UIElement.Opacity)"> 
                                                <EasingDoubleKeyFrame KeyTime="0" Value="0.5" /> 
                                                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="1" /> 
                                                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="0.5" /> 
                                            </DoubleAnimationUsingKeyFrames> 
                                        </Storyboard> 
                                    </VisualState> 
                                </VisualStateGroup> 
                            </VisualStateManager.VisualStateGroups> 
                            <Path x:Name="PART_DownIndicator" 
                              Data="M9.112874,8.0378246E-05 C9.7075377,0.0055089793 10.299755,0.28596777 10.745893,0.84058738 L12.581395,3.1212618 C13.475121,4.2270861 14.93559,6.0423775 15.82582,7.1494956 L17.664116,9.4308643 C18.557789,10.539382 17.810413,11.430925 16.005547,11.415606 L12.535283,11.38336 L12.535283,16.734177 C12.535283,17.66646 11.779409,18.42079 10.848061,18.42079 L7.1915703,18.42079 C6.2608137,18.42079 5.5035992,17.66646 5.5035992,16.734177 L5.5035992,11.323217 L2.0157599,11.290271 C0.2109952,11.275599 -0.51887822,10.368738 0.3929224,9.2768822 L2.2698665,7.0262566 C3.1823502,5.9359593 4.6743135,4.148622 5.5861521,3.0582769 L7.4651861,0.80975246 C7.9211054,0.26425231 8.5182133,-0.005348762 9.112874,8.0378246E-05 z"                               
                              RenderTransformOrigin="0.5,0.5" 
                              SnapsToDevicePixels="True" 
                              Stretch="Fill" 
                              Stroke="Red" 
                              Fill="Red" 
                              StrokeThickness="1" 
                              UseLayoutRounding="False"> 
                                <Path.RenderTransform> 
                                    <TransformGroup> 
                                        <RotateTransform Angle="180" /> 
                                    </TransformGroup> 
                                </Path.RenderTransform> 
                            </Path> 
                        </Border> 
                    </ControlTemplate> 
                </Setter.Value> 
            </Setter> 
        </Style>     
Please let us know, if you require further assistance on this.

Regards,
Vijayarasan S 


VS Vijayarasan Sivanandham Syncfusion Team April 29, 2021 10:27 AM UTC

Hi MrHessellund,

Thank you for your patience.

We have created bug report for the reported issue “Line indicator is blinking if the mouse is over the line when row drag drop operation performed in SfTreeGrid”. We will fix this issue and include in our May 18th ,2021 NuGet release.

You can track the status of this report through the following feedback link,

Feedback Link: https://www.syncfusion.com/feedback/24827/line-indicator-is-blinking-if-the-mouse-is-over-the-line-when-row-drag-drop

Note: The provider feedback link is private, and you need to login to view this feedback.

We appreciate your patience until then.

Regards,
Vijayarasan S 


VS Vijayarasan Sivanandham Syncfusion Team May 18, 2021 07:39 AM UTC

Hi MrHessellund,

Thank you for your patience.

Today Weekly NuGet release not rolled out due to Volume 2021 SP release last week. NuGet release will be released on Tomorrow (May 19th, 2021).

We will let you know once it is released. We appreciate your patience until then.  
Regards,  
Vijayarasan S  


VS Vijayarasan Sivanandham Syncfusion Team May 19, 2021 12:42 PM UTC

Hi MrHessellund, 
Thank you for your patience.

We are glad to announce that our latest weekly NuGet package update version 19.1.0.64  has been is rolled out with the “Line indicator is blinking if the mouse is over the line when row drag drop operation performed in SfTreeGrid” and is available for download.

Feedback link: https://www.syncfusion.com/feedback/24827/line-indicator-is-blinking-if-the-mouse-is-over-the-line-when-row-drag-drop  

We hope this helps. Please let us know, if you require further assistance on this.

Regards,
Vijayarasan S 


Marked as answer
Loader.
Up arrow icon