quant-ux icon indicating copy to clipboard operation
quant-ux copied to clipboard

Lock widgets to scroll of other widget

Open KlausSchaefersAtWork opened this issue 4 years ago • 1 comments

I'm emulating the navigation of an existing web app so our designers and testers can see new proposed features (reports and charts) within that context. Our navigation and some reports use images in tree menu items and to display cellular data in some reports. We use a Table widget for the report data and a Tree widget for sidebar navigation. So what I'd like to be able to do is make a widget's position dependent on the position and scroll value of another widget. That would allow me to display icons and other graphics within the sidebar and report tables, and the graphics would move appropriately to match the other content. I guess another alternative would be to allow styling within text fields, which would enable icon fonts to be used within the cells of tables or the menu entries of trees. I don't know which would be more work to implement.

KlausSchaefersAtWork avatar Jul 24 '20 20:07 KlausSchaefersAtWork

Thanks for filing this. Advantages and disadvantages of each approach:

Widgets locked to scroll:

  • Any imported graphic could be used, including icons from unsupported JS fonts
  • Other widgets, such as graphs, could be used to emulate sparkline-type graphs within tables
  • Locking widgets to scroll is likely to be fussy to develop and to use

Styling within text fields:

  • Including font-based icons within fields would be easier to edit and use than lots of separate graphics ~ If styled text could include embedded images, could still use imported graphics within tables or tree widgets
  • Cannot use a live widget (e.g. a progress bar) within a table with styled text

On balance, styled text is probably simpler and more flexible.

emdalton avatar Jul 27 '20 15:07 emdalton