A fake media query for responsive panes about ui-layout

[ticlaudeberube]

Same here. Is there a way to reset the options from the page controller? Or even a public reset method to pass the option in depending the viewport.

[tristanz]

One alternative is https://github.com/kumailht/responsive-elements.

[ticlaudeberube]

I had it working with the latest update. Just put a sniffer at the controller with a {{}} in the partial view.

$scope.panes = { sizes: { left: '50%', right: '50%', splitTop: '50%', dividerSize: '14' }};

ui-layout-container size="{{panes.sizes.left}}" id="schematic" class="row schematicPanel
ui-layout-container size="{{panes.sizes.left}}"

[jongunterfv]

I was struggling with this issue, and I ended creating a fake media query system that was really buggy. Then I realized using Flexbox for the layout inside the view fit the bill for my needs. Might want to give a try.

[jmls]

@jongunterfv : would you mind giving an example of how you got this to work ? thanks!