Window expanding design

[jbambroughParticipant]

Hello all,

I am trying to choose the best possible widget/design to present a set of data. Here is a description of what I am trying to achieve:

• The default data present is in a grid
• The grid only occupies a small section in the layout (about 1/3 hight of the page, and 1/2 width)
• The user should be able to maximize that grid (similar to windows) so it takes most of the real estate of the page

Most users will not need to see the full detail of the grid data, just a quick summary – which is why it’s in a small section by default. However there are some users who will need to view all of the detail so I’d like them to be able to maximize that grid or at least be able to resize it. I looked at a few options for the docking/panel/window. But didn’t see an elegant solution to be able to expand or resize a grid, panel, or window.

This is really more of a question of most effectively managing the real estate. Any suggestions would be helpful.
Thanks,
-Jim

[DimitarParticipant]

Hello Jim,

I think jqxWindow may be suitable in your scenario. Here is how you can “maximize” it: http://jsfiddle.net/Dimitar_jQWidgets/za9ghqek/.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[jbambroughParticipant]

Thanks so much for your response Dimitar! I’m assuming I could repurpose the ‘X’ icon to trigger the maximize event, or include a new max/min icon windows style next to the ‘X’ in order to do this.

[DimitarParticipant]

Hi Jim,

We suggest including a new button in the header. Repurposing the “X” button may lead to unexpected behaviour of the widget.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[jbambroughParticipant]

Duly noted. Thanks again for your input!

[Author]

Posts