appsmith icon indicating copy to clipboard operation
appsmith copied to clipboard

[Feature]: Table / Tabs widget property pane; List of columns - UX improvement

Open somangshu opened this issue 2 years ago • 5 comments

Is there an existing issue for this?

  • [X] I have searched the existing issues

Summary

We noticed that the change we made for in #10046 to fix the long property pane filled with columns issues. Here the user was unable to drag the column tile outside the viewport to change the order. To fix this we introduced a scroll on the columns and limited it with a max-height. This solved majorly 2 things for us

  • Reducing the length of the property pane in case of large objects
  • Allow users to drag the column to re-order easily.

After releasing we found some critical feedback where user / dev thought that the column in not present any more and felt this was a bug until they notice that the container is scrollable. This shows clearly that the user does not know that this change exist. After an internal discussion we arrived at the following solution

  • [x] #11834
  • [ ] On hiding a column it doesn't move immediately but on coming back to the property pane, all hidden columns are sent to the bottom in the order in which they appear in the widget
  • [ ] When there are so many columns users face difficulty in finding the column they are looking for.

Why should this be worked on?

(same as aforementioned reason) After releasing we found some critical feedback where user / dev thought that the column in not present any more and felt this was a bug until they notice that the container is scrollable

somangshu avatar Feb 18 '22 09:02 somangshu

@somangshu I am adding this as a low priority for this week.

momcilo-appsmith avatar Mar 01 '22 07:03 momcilo-appsmith

@dilippitchika mentioned that point 1 is important

cc @momcilo-appsmith

somangshu avatar Mar 03 '22 07:03 somangshu

Screenshot 2022-03-14 at 2 47 09 PM

Suggestion : Show number of items in brackets

dilippitchika avatar Mar 14 '22 09:03 dilippitchika

@somangshu item 1, Balaji is implementing in the table widget only for now for a different reason. I am parking this issue for now.

dilippitchika avatar Mar 14 '22 09:03 dilippitchika

Fixing it for tabs in https://github.com/appsmithorg/appsmith/issues/16937

dilippitchika avatar Sep 21 '22 06:09 dilippitchika