Issue with column size while loading

4 posts, 0 answers
  1. Louis
    Louis avatar
    6 posts
    Member since:
    Jul 2017

    Posted 04 Oct Link to this post

    Hi,

    I'm experiencing a visual issue where the column width of my columns in a RadGridView is very small while the RadGridView is loading. In my product, it give sort of a "jitter" feel when you load the application. I've attached to this post 3 pictures, the first step where we see the shrunken header columns, the second step where the columns grows but it creates a scrollbar, and the final step where I get the desired visual. 

    Overall it takes 90ms for the datagrid to settle to the final step. I am not very concerned about the scrollbar as I don't observ this in my final application (probably due with a different layout than this simple test of a GridView in a Grid).

    I include a link to a very minimalistic project that can let you recreate the issue : https://drive.google.com/file/d/0B9yNrE596_TZeTBzd241OFhZMWM/view?usp=sharing

    This gives our application a very janky feel, I hope it's just a matter of me not having setup the width of the columns properly or something like that!

    Thanks in advance!

    Louis

     

     

  2. Dinko
    Admin
    Dinko avatar
    416 posts

    Posted 09 Oct Link to this post

    Hello Louis,

    Thank you for the provided additional files.

    I am not sure that I was able to understand this behavior and I wasn't able to reproduce it on my side. Can you elaborate more on the explained scenario?
    • Can you tell me the exact steps I need to follow to recreate it on my side?
    • How are you changing the columns width?
    • Are you changing them runtime or programmatically?
    • Which version of VS are you using?

    You can send me any additional information that you think will help me to better understand your scenario.

    Regards,
    Dinko
    Progress Telerik
    Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.
  3. Louis
    Louis avatar
    6 posts
    Member since:
    Jul 2017

    Posted 09 Oct in reply to Dinko Link to this post

    Hi Dinko,

    Thank you for looking into this issue :)

    When I read that you weren't able to recreate the issue, I went ahead and tested it on another computer. At first I did beleive that I wasn't able to recreate the issue, but it turns out the second compute I tested was just much faster. If you pay attention, you can see it happening, altought much more subtile.

    The 2 computer I have tested run Visual Studio 2017 professional with Windows 10 Home for 1 and windows 10 pro for the other. Spec wise, you are looking at a I7-3770 with 16 gb of rams for computer 1 and a I7-7700 with 16 gb ram for computer 2.

    The exact step to recreating the issue is simply running the solution I've provided. I've made the following video to help you recreate the issue and provide some more explanation : https://drive.google.com/file/d/0B9yNrE596_TZSUxqcGkzY2t0VjQ/view?usp=sharing

    I hope this helps you with reproducing the issue. Let me know if I can help further.

  4. Dinko
    Admin
    Dinko avatar
    416 posts

    Posted 11 Oct Link to this post

    Hi Louis,

    Thank you for the provided video. 

    I manage to understand this behavior. Whenever a star column is defined RadGridView needs two layout passes to set up all columns correctly which may cause the undesired visual behavior that is observed in the video.

    A possible workaround is to set a predefined width of the columns. Another possible workaround is to show some kind of the loading indicator for a very short time to give the grid a change to calculate its columns correctly. Also, the control has a built-in busy indicator which you can use to show that the grid view is loading data. When you start loading your data you can set the IsBusy property of RadGridView to True and after the data is loaded set it to false. You can consider showing some kind of progress using RadBusyIndicator or RadProgressBar control.

    Regards,
    Dinko
    Progress Telerik
    Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.
Back to Top