Floating 'actions' column

6 posts, 0 answers
  1. Jason
    Jason avatar
    21 posts
    Member since:
    Mar 2012

    Posted 14 May 2012 Link to this post

    Hello,
    My company is attempting to implement an experience with the RadGridView that I'm struggling with. Currently on all of our grids we define a set of 'data' columns that are simple columns that display values; after the data columns we then define a column that contains several buttons (ex. edit, delete, etc.) that are only visible when the given row is selected. This experience is unacceptable since in scenarios where many 'data' columns exist the user has to scroll all the way to the right of the grid in order to see the 'action' column.

    The desired experience is that when a row is selected the 'action' column appears at the right edge of the grid regardless of any scrolling that can take place on the 'data' column set.

    I've been spinning my wheels for quite a while now and am out of ideas to make this work. The block I keep running in to is that the GridViewRow has no idea of the size of the ScrollViewer so it cannot place the column in the correct place on the screen, and the
    GridViewScrollViewer has no idea what row is selected so it cannot place the buttons correctly. I might be able to make a seperate GridViewVirtualizingPanel to hold the 'action' column set but I don't think I would be to communicate which row is selected between the two Panels simply.

    If a 'frozen' column could be placed at the right of the grid I think I could get the experience we want but that doesn't appear to be supported.

    Is there a simple way to implement this experience that I haven't thought of? Thanks,Jason
  2. Jason
    Jason avatar
    21 posts
    Member since:
    Mar 2012

    Posted 14 May 2012 Link to this post

    I ended up creating an adorner to display my buttons at the ride side of the parent GridViewVirtualizingPanel, it works better than expected. Thanks,Jason
  3. Bruno
    Bruno avatar
    5 posts
    Member since:
    Sep 2014

    Posted 22 Dec 2014 in reply to Jason Link to this post

    Jason,

    I have the same request (as many others apparently).
    Could you elaborate on how you came to fix this?

    Thanks in advance!
  4. Vanya Pavlova
    Admin
    Vanya Pavlova avatar
    2019 posts

    Posted 22 Dec 2014 Link to this post

    Hi Bruno,


    RadGridView does not support floating columns out-of-the-box. We've tried different ways to achieve the desired result, however we do not managed to implement a stable solution. 
    We are not aware what is the implementation of @Jason and we might be only guessing what he did. 
    A possible alternative is to edit the template of RadGridView and add an additional column next to the GridViewVirtualizingPanel. However it is difficult to determine how many columns the user is defined, so how special column will be visible or not. You may set the selective scrolling orientation of this area to Vertical, so it would not scroll horizontally. 


    Can you share with us some snapshot with the desired final result?


    Regards,
    Vanya Pavlova
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  5. Bruno
    Bruno avatar
    5 posts
    Member since:
    Sep 2014

    Posted 23 Dec 2014 in reply to Vanya Pavlova Link to this post

    Hello Vanya,

    Thank you for your answer.
    Currently we have an action-button that should always be visible, regardless of where you scrolled horizontally.
    We put it to the left now but it feels more intuitive to have the action column on the right.
    It is also important to note that our applications are primarily used for touch: a mouseover solution can't be used and it is mostly operated with one (usually the right) hand.
    I've attached two screenshots, one with the current situation (action column to the left) and one how we would like it (action column to the right).

    Regards,

    Bruno
  6. Vanya Pavlova
    Admin
    Vanya Pavlova avatar
    2019 posts

    Posted 23 Dec 2014 Link to this post

    Hello Bruno,


    Thank you for sharing this image with us.

    In fact, you are trying to freeze the last column on the right side. As it turns out, RadGridView only supports frozen columns on the left side. 
    For the time being we do not have plans to add 'freezing right/last columns' functionality.  
    Please excuse us for any inconvenience caused.

    Happy holidays. 

    Regards,
    Vanya Pavlova
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top