Telerik grid row is overlapping when GridViewDataColumn is having multiline text

[Vaibhav]

Telerik grid row is overlapping when GridViewDataColumn is having multiline text.

Workaround : If we resize column or apply any filter, row overlapping disappears.

How do we avoid this row overlapping?

            <telerik:GridViewDataColumn
                        DataMemberBinding="{Binding ConnectedCardInfo, Mode=OneWay}"
                        IsReadOnly="True" UniqueName="ConnectedCardInfo">

                <telerik:GridViewDataColumn.Header>
                    <TextBlock Text="Connected Card Info" TextWrapping="WrapWithOverflow" ToolTip="Connected Card Info"/>
                </telerik:GridViewDataColumn.Header>
            </telerik:GridViewDataColumn>

[Stefan Nenchev]

Hi Vaibhav,

I have updated the other thread that Ashutosh has created. However, I am here applying the answer as well.

"I tried reproducing the issue you have described but was not able to. Can you please provide more details on the setup at your end. Sharing information regarding any additional changes that you have applied to the RadGridView control will be highly appreciated. The best approach would be to raise a ticket with a sample that shows the undesired behavior. I have attached a sample project, so you can modify it and send it over for further investigation."

Please update only one of the forum threads when you reply.

Regards,
Stefan Nenchev
Telerik

[Vaibhav]

Hi Stefan,

I have updated the sample project. After running the project, just try to resize the window by its height(contract and expand the window). It can be reproduced now. Please let me know if you find any difficulty in reproducing.

I had difficulty in uploading the updated project.

It showed error message:The selected file(s) cannot be attached because it may exceed the maximum attachment size (2 MB) or is from not allowed type (allowed: .gif, .jpg, .jpeg, .png).

Updated .Zip file was more then 2.5 MB. With .7z file format, it is ~1.84 MB but this format seems to be unsupported as upload format.

So, please download the attached file and remove .jpg extension and extract using 7z.

Thanks

[Stefan Nenchev]

Hello Vaibhav,

The visual glitch is caused due to the fact that the RadGridView uses UI Virtualization for a performance boost, meaning that the visual elements such as rows and cells are recycled and reused for the different items.  Generally, setting the RowHeight property of RadGridView to one that will fit all information will resolve the issue. This way all rows will have the same height, though.

I have tried using a CellTemplateSelector and noticed a better performance. It does not seem to cut off the rows with the additional information but would increase some of the empty rows. Please check the updated sample and consider whether such approach would work for you. Otherwise, I would recommend setting a static RowHeight for a consistent behavior.

Regards,
Stefan Nenchev
Telerik by Progress

[Vaibhav]

Thanks Stefan !!!

CellTemplateSelector solved my purpose.

[Vaibhav]

CellTemplateSelector that we are writing is bound with a property say "IsApplicable" and also in XAML we are binding normalTemplate to a property "PlayersInfo". How about when we want CellTemplateSelector to be applied on any other column as well. In that case it should be generic enough to do this. Is there a generic way to do this?

[Stefan Nenchev]

Hi Vaibhav,

The CellTemplateSelector works only on the cells from the individual column it is applied to. However, you can apply the same CellTemplateSelector for the different columns in your application. Please provide more details on your exact requirement.

Regards,
Stefan Nenchev
Telerik by Progress