Project

General

Profile

Bug #48295

Avatar?id=25780&size=50x50

Use visible resize handles and min/max column sizes in new UI

Added by Ned Devine about 3 years ago. Updated over 2 years ago.

Status:
Done
Priority:
No priority
Assignee:
Dennis Mullen
Category:
GUI (new)
Target version:
Seen in:
Severity:
New
Reason for Closing:
Reason for Blocked:
Needs QA:
No
Needs Doc:
No
Needs Merging:
No
Needs Automation:
No
Support Suite Ticket:
n/a
Hardware Configuration:
ChangeLog Required:
No

Description

ACCEPTANCE CRITERIA:
- On entity tables (Accounts/User, etc) 'resize handles' in the header should be visible and therefore easier to use.
- This PR also set some column sizes on specific tables, which I can't think of a test for.

Resizing table columns has a many usability issues.

  • Column resizing does text selection while the mouse button is down.
  • Resizing one column also may adjust the size of other columns in unusual and unhelpful ways.
  • The handle to click and drag is kind of difficult to click because you actually have to click slightly left of the line.
  • The handle doesn't follow the cursor when dragging to the right; it lags behind so you have to make multiple attempts to get it to the size you want.
  • Column sizes should be saved in the browser. Especially since column sizing is so difficult, I don't want to have to do it again next time I go to that page.
  • The default size of the "Description" column on the plugins page is too small; it only allows you to read a small portion of the complete description. Alternatively, perhaps the text content in this column should wrap?
table-column-resizing-is-barely-usable.webm (4 MB) table-column-resizing-is-barely-usable.webm Resizing table columns is hard. :( Unfortunately you can't see where the cursor is accurately in this vid while resizing, but I'm dragging it way to the right. Ned Devine, 09/25/2018 07:56 PM
Screenshot from 2019-03-04 12-57-05.png (8.14 KB) Screenshot from 2019-03-04 12-57-05.png Dennis Mullen, 03/04/2019 09:57 AM
messed_up_header.png (20.3 KB) messed_up_header.png Bonnie Follweiler, 03/07/2019 07:51 AM
58089
59574

Related issues

Related to FreeNAS - Bug #50673: Table width in Web UI should be more dynamicClosed
Has duplicate FreeNAS - Bug #63609: Resizing of columns is not rememberedClosed
Has duplicate FreeNAS - Bug #63600: Wrong default column width of Name column in snapshot list. Closed
Has duplicate FreeNAS - Bug #75622: Changing the columns doesn't stickClosed
Has duplicate FreeNAS - Feature #75640: Column width distribution could be betterClosed

History

#1 Avatar?id=25780&size=24x24 Updated by Ned Devine about 3 years ago

I just noticed: The table component on the "Storage / Pools" page (/ui/storage/pools) looks like a different implementation than the one this bug is about. The table on that page is much nicer to use and doesn't seem to suffer from any of the usability problems mentioned in the description.

#2 Updated by Dru Lavigne about 3 years ago

  • Assignee changed from Release Council to Lola Yang
  • Target version changed from Backlog to 11.2-RC1

#3 Updated by Lola Yang about 3 years ago

  • Assignee changed from Lola Yang to Dennis Mullen

#4 Updated by Dennis Mullen about 3 years ago

  • Status changed from Unscreened to Screened

These are definite problems. Unfortunately, they (along with some other issues) come with ngx datatable, the package we are relying on for most of our tables. Similar problems can be seen here. https://swimlane.github.io/ngx-datatable/

Solving these would be worthwhile, and would probably require a hack session on ngx datatable when we have some breathing space to do it. In order for our work to stick, though, we'd have to make our own fork or persuade swimlane to incorporate our changes.

#5 Updated by Dru Lavigne about 3 years ago

  • Target version changed from 11.2-RC1 to 11.2-U2

#6 Updated by Dru Lavigne almost 3 years ago

  • Has duplicate Bug #63609: Resizing of columns is not remembered added

#7 Updated by Anonymous almost 3 years ago

  • Target version changed from 11.2-U2 to 11.3

Punt to 11.3, lets try things like newer ngx-datatable or maybe material (if it supports the things we need).

#8 Updated by Anonymous almost 3 years ago

  • Related to Bug #50673: Table width in Web UI should be more dynamic added

#9 Updated by Anonymous almost 3 years ago

  • Has duplicate Bug #63600: Wrong default column width of Name column in snapshot list. added

#10 Updated by Dru Lavigne almost 3 years ago

  • Has duplicate Bug #75622: Changing the columns doesn't stick added

#11 Updated by Dru Lavigne almost 3 years ago

  • Has duplicate Feature #75640: Column width distribution could be better added

#12 Updated by Dennis Mullen almost 3 years ago

  • Status changed from Screened to In Progress

#13 Updated by Dru Lavigne almost 3 years ago

  • Target version changed from 11.3 to 11.2-U3

#14 Updated by Dru Lavigne almost 3 years ago

  • Subject changed from Resizing table columns has problems to Use visible resize handles and min/max column sizes in new UI
  • Status changed from In Progress to Ready for Testing
  • Needs Doc changed from Yes to No
  • Needs Merging changed from Yes to No

#15 Updated by Dennis Mullen over 2 years ago

58089

#18 Updated by Bonnie Follweiler over 2 years ago

59574

#21 Updated by Bonnie Follweiler over 2 years ago

  • Status changed from Failed Testing to Passed Testing
  • Needs QA changed from Yes to No

After a consultation with Dennis. This ticket Passes Testing and I will create a new ticket about the Header Name movement issue

#22 Updated by Dru Lavigne over 2 years ago

  • Status changed from Passed Testing to Done

Also available in: Atom PDF