Telerik grid row is overlapping when GridViewDataColumn is having multiline text

7 posts, 0 answers
  1. Vaibhav
    Vaibhav avatar
    9 posts
    Member since:
    Oct 2012

    Posted 04 Jul Link to this post

    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>

  2. Stefan Nenchev
    Admin
    Stefan Nenchev avatar
    277 posts

    Posted 04 Jul Link to this post

    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.
  3. UI for WPF is Visual Studio 2017 Ready
  4. Vaibhav
    Vaibhav avatar
    9 posts
    Member since:
    Oct 2012

    Posted 04 Jul in reply to Stefan Nenchev Link to this post

    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

  5. Stefan Nenchev
    Admin
    Stefan Nenchev avatar
    277 posts

    Posted 07 Jul Link to this post

    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.
  6. Vaibhav
    Vaibhav avatar
    9 posts
    Member since:
    Oct 2012

    Posted 07 Jul in reply to Stefan Nenchev Link to this post

    Thanks Stefan !!!

    CellTemplateSelector solved my purpose.

  7. Vaibhav
    Vaibhav avatar
    9 posts
    Member since:
    Oct 2012

    Posted 08 Jul Link to this post

    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?
  8. Stefan Nenchev
    Admin
    Stefan Nenchev avatar
    277 posts

    Posted 11 Jul Link to this post

    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.
Back to Top
UI for WPF is Visual Studio 2017 Ready