Frozen Columns Splitter does not stretch across the "Click here to add new item" row

[Sven]

Hi,

I am currently working on a RadGridView component where I want the Frozen Columns Splitter to also cover the row for adding new rows to the grid, see picture:

I want the grid splitter to also cover the red part.

Could you advice me on how to accomplish that?

Thanks!

[Stenly]

Hello Sven,

I have provided an answer to the opened ticket regarding this matter. However, for the fullness of the answer, I will share the solution here as well.

To achieve the result, the default control template of the GridViewNewRow element would need to be extracted. Then, find the VisualState with x:Name="ReadOnlyMode" and change the Visibility to Visible of the ObjectAnimationUsingKeyFrames object with Storyboard.TargetName="PART_DataCellsPresenter". Finally, create a new Style with TargetType="telerik:GridViewNewRow" and set its Template property to the extracted and modified control template.

The following code snippets show this logic's implementation:

<VisualState x:Name="ReadOnlyMode">
    <Storyboard>
        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PART_DataCellsPresenter" Storyboard.TargetProperty="Visibility">
            <DiscreteObjectKeyFrame KeyTime="0">
                <DiscreteObjectKeyFrame.Value>
					<!--Set Visibility to Visible-->
                    <Visibility>Collapsed</Visibility>
                </DiscreteObjectKeyFrame.Value>
            </DiscreteObjectKeyFrame>
        </ObjectAnimationUsingKeyFrames>
...

<Style TargetType="telerik:GridViewNewRow" BasedOn="{StaticResource GridViewNewRowStyle}">
    <Setter Property="Template" Value="{StaticResource MyModifiedTemplate}"/>
</Style>

Please note that the default control template of the used theme in your application, would need to be extracted, otherwise it may lead to unwanted results.

The produced result is as follows (with the Office_Black theme used):

With this approach, the borders of the columns would also be visible, as observed in the above image. Due to the nature of the wanted result, this was the only possible approach I could come up with. This is because, with the current implementation of the RadGridView control, the borders of the columns, as well as the FrozenColumnSplitter element are intended to be hidden under the Border element ("Click here to add new item" visual element).

I have attached a sample project, that has this approach implemented, so, could you give it a try?

Regards,
Stenly
Progress Telerik