This is a migrated thread and some comments may be shown as answers.

Telerik grid row is overlapping when GridViewDataColumn is having multiline text

6 Answers 163 Views
GridView
This is a migrated thread and some comments may be shown as answers.
Vaibhav
Top achievements
Rank 1
Vaibhav asked on 04 Jul 2016, 06:44 AM

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>

6 Answers, 1 is accepted

Sort by
0
Stefan Nenchev
Telerik team
answered on 04 Jul 2016, 07:38 AM
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
Do you need help with upgrading your AJAX, WPF or WinForms project? Check the Telerik API Analyzer and share your thoughts.
0
Vaibhav
Top achievements
Rank 1
answered on 04 Jul 2016, 11:29 AM

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

0
Stefan Nenchev
Telerik team
answered on 07 Jul 2016, 07:03 AM
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
Do you need help with upgrading your AJAX, WPF or WinForms project? Check the Telerik API Analyzer and share your thoughts.
0
Vaibhav
Top achievements
Rank 1
answered on 07 Jul 2016, 12:18 PM

Thanks Stefan !!!

CellTemplateSelector solved my purpose.

0
Vaibhav
Top achievements
Rank 1
answered on 08 Jul 2016, 06:44 AM
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?
0
Stefan Nenchev
Telerik team
answered on 11 Jul 2016, 12:49 PM
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
Do you need help with upgrading your AJAX, WPF or WinForms project? Check the Telerik API Analyzer and share your thoughts.
Tags
GridView
Asked by
Vaibhav
Top achievements
Rank 1
Answers by
Stefan Nenchev
Telerik team
Vaibhav
Top achievements
Rank 1
Share this question
or