resizable sidebar
In MongoDB Charts, some of our attributes are quite long, and it's really hard to build charts on "Fields" with long names because the attribute names are truncated. Hovering over each field name is the only way to see the full name.
This adds a lot of frustration and wastes time while building charts because it forces users to hover over every truncated field for a few seconds to read the name. When there are similar attributes, this becomes unwieldy quickly.
Example:
- CompletedAppointmentGaps
- CompletedAppointmentGapsWhileMember
- CompletedAppointmentGapsWhileNonmember
- ...
All we see is:
- CompletedApp...
- CompletedApp...
- CompletedApp...
- ...
Current workaround: We manually go into dev tools and switch the CSS for ".Charts-chart-builder-panel--fields---{id_here}" from "width: 22rem" to "width: fit-content." This displays the full field names.
Suggestion: Give users the ability to "widen" / expand the "Fields" sidebar on the left, so that more of the attribute names can be seen.
-
AdminRyan (Product Designer, MongoDB) commented
Hi John, Thank you for detailing your difficulty with the fixed-width Fields panel. We've recently made the Fields panel resizable. You can now hover the cursor over the right edge of the panel to see this feature, then drag to resize the width to accommodate long field names. Hope this helps solve your problem.