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

Floating 'actions' column

5 Answers 153 Views
GridView
This is a migrated thread and some comments may be shown as answers.
Jason
Top achievements
Rank 1
Jason asked on 14 May 2012, 04:30 PM
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

5 Answers, 1 is accepted

Sort by
0
Jason
Top achievements
Rank 1
answered on 15 May 2012, 12:19 AM
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
0
Bruno
Top achievements
Rank 1
answered on 22 Dec 2014, 02:10 PM
Jason,

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

Thanks in advance!
0
Vanya Pavlova
Telerik team
answered on 22 Dec 2014, 02:34 PM
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.

 
0
Bruno
Top achievements
Rank 1
answered on 23 Dec 2014, 07:44 AM
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
0
Vanya Pavlova
Telerik team
answered on 23 Dec 2014, 09:30 AM
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.

 
Tags
GridView
Asked by
Jason
Top achievements
Rank 1
Answers by
Jason
Top achievements
Rank 1
Bruno
Top achievements
Rank 1
Vanya Pavlova
Telerik team
Share this question
or