shieldui widget integration - autosized tab with autosized grid

Question

Can you please show me how to setup a tab widget containing grid widget, where tab widget is auto-sized to its container and grid is auto-sized to tab container (and properly scrollable). Thank you.

Answer 1

This is possible - here is a JSBin example.

To make it complete, you will have to consider things like:

• throttling the resize event handling,
• tweak the CSS styles - paddings, borders, etc,
• calculation of dimensions,
• saving and restoring Grid state (current page, selection, etc)...