Problem with FrozenColumn

[Yehudah]

Hello supporters and freinds!

I have a simple situation:

1. Window that his flowDirection is RightToLeft.
2. Within the window, i have a GridView with many columns, and the first column is frozen.
3. The columns has a style that set flowDirection and alignment. I need it to show numbers correctly.

When i scroll the columns, the columns are overlapping, and the display is goes awry.
Is there a way to fix it?

This is the core xaml markup:

<telerik:RadGridView ItemsSource="{Binding DataItems}" FrozenColumnCount="1">
    <telerik:RadGridView.Columns>
        <telerik:GridViewDataColumn DataMemberBinding="{Binding Name}" />
        <telerik:GridViewDataColumn DataMemberBinding="{Binding Field1}" Style="{StaticResource MoneyColumnStyle}"/>
        <telerik:GridViewDataColumn DataMemberBinding="{Binding Field2}" Style="{StaticResource MoneyColumnStyle}"/>
        <telerik:GridViewDataColumn DataMemberBinding="{Binding Field3}" Style="{StaticResource IntegerColumnStyle}"/>
        <telerik:GridViewDataColumn DataMemberBinding="{Binding Field4}" Style="{StaticResource MoneyColumnStyle}"/>
        <telerik:GridViewDataColumn DataMemberBinding="{Binding Field5}" Style="{StaticResource MoneyColumnStyle}"/>
        <telerik:GridViewDataColumn DataMemberBinding="{Binding Field6}" Style="{StaticResource IntegerColumnStyle}"/>
        <telerik:GridViewDataColumn DataMemberBinding="{Binding Field7}" Style="{StaticResource MoneyColumnStyle}"/>
        <telerik:GridViewDataColumn DataMemberBinding="{Binding Field8}" Style="{StaticResource MoneyColumnStyle}"/>
        <telerik:GridViewDataColumn DataMemberBinding="{Binding Field10}" Style="{StaticResource IntegerColumnStyle}"/>
    </telerik:RadGridView.Columns>
</telerik:RadGridView>

the column styles:

<Style TargetType="{x:Type telerik:GridViewCell}" x:Key="NumericCellStyle" BasedOn="{StaticResource GridViewCellStyle}">
    <Setter Property="TextBlock.FlowDirection" Value="LeftToRight" />
</Style>

<Style TargetType="{x:Type telerik:GridViewBoundColumnBase}" x:Key="NumericColumnStyle">
    <Setter Property="CellStyle" Value="{StaticResource NumericCellStyle}" />
    <Setter Property="TextAlignment" Value="Right" />
</Style>

<!-- interger style -->
<Style TargetType="{x:Type telerik:GridViewBoundColumnBase}" x:Key="IntegerColumnStyle" BasedOn="{StaticResource NumericColumnStyle}">
    <Setter Property="DataFormatString" Value="#,###" />
</Style>

<!-- money style -->
<Style TargetType="{x:Type telerik:GridViewBoundColumnBase}" x:Key="MoneyColumnStyle" BasedOn="{StaticResource NumericColumnStyle}">
    <Setter Property="DataFormatString" Value="#,##0.00" />
</Style>

I attach a picture to show the problem.
thanks for any answer!

[Yehudah]

I attach a sample project, to show the problem.
You can change the file Extension to zip, and extract the solution.

[Dimitrina]

Hi,

Exploring the attached demo project, the issue is indeed reproducible as soon as the Window's FlowDirection="RightToLeft" is set. On the other side, it works fine with the default flow direction.

I logged the issue in our feedback portal, where you can follow its progress: 
Frozen column and FlowDirection="RightToLeft" leads to overlapping of content on scrolling.

 

Regards,
Dimitrina
Telerik

 

 

[Yehudah]

Thanks!