Problem with FrozenColumn

4 posts, 0 answers
  1. Yehudah
    Yehudah avatar
    20 posts
    Member since:
    Feb 2014

    Posted 08 Feb 2015 Link to this post

    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: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}"/>

    the column styles:

    <Style TargetType="{x:Type telerik:GridViewCell}" x:Key="NumericCellStyle" BasedOn="{StaticResource GridViewCellStyle}">
        <Setter Property="TextBlock.FlowDirection" Value="LeftToRight" />
    <Style TargetType="{x:Type telerik:GridViewBoundColumnBase}" x:Key="NumericColumnStyle">
        <Setter Property="CellStyle" Value="{StaticResource NumericCellStyle}" />
        <Setter Property="TextAlignment" Value="Right" />
    <!-- interger style -->
    <Style TargetType="{x:Type telerik:GridViewBoundColumnBase}" x:Key="IntegerColumnStyle" BasedOn="{StaticResource NumericColumnStyle}">
        <Setter Property="DataFormatString" Value="#,###" />
    <!-- money style -->
    <Style TargetType="{x:Type telerik:GridViewBoundColumnBase}" x:Key="MoneyColumnStyle" BasedOn="{StaticResource NumericColumnStyle}">
        <Setter Property="DataFormatString" Value="#,##0.00" />

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

  2. Yehudah
    Yehudah avatar
    20 posts
    Member since:
    Feb 2014

    Posted 08 Feb 2015 in reply to Yehudah Link to this post

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

    Posted 10 Feb 2015 Link to this post


    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.

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  4. Yehudah
    Yehudah avatar
    20 posts
    Member since:
    Feb 2014

    Posted 10 Feb 2015 Link to this post

Back to Top