Liquid splitter-based UI.

[Christian SciberrasMember]

I have a UI which looks like:

In short, it’s a menubar on top, 3 panes in the middle (each separated with a splitter) and a bottom pane separated from the rest with a splitter.

What I need is that when the window is resized, these panes resize with it as well. I realize it’s hard to achieve this without percentages, so instead I’d be happy to just have the bottom and right panes resize automatically.

Unfortunately, when I tried setting panel sizes as percentages, they just wouldn’t work… so I don’t know if there is any code to handle percentages or not.

Edit: The following code will come into the equation somewhere…

jQuery(window).resize(function(){ /* somehow tell splitters to refresh */ });

[Peter StoevKeymaster]

Hi uuf6429,

Percentages support is planned and will be supported in the next version. As a work-around, I suggest you the following:

To refresh the Splitter, you can use its ‘_refreshWidgetLayout’ method.

$('#splitter').jqxSplitter('_refreshWidgetLayout');

Best Regards,
Peter Stoev

http://www.jqwidgets.com
jQWidgets Team

[Author]

Posts