dividerSize dynamic sizing - panes not splitting about ui-layout

[jbro-io]

Hey @ticlaudeberube any chance you could provide an example plunkr?

[ticlaudeberube]

Sorry the code is hidden in the post.
Has requested, fiddle a plunker.
Just replacing {{panes.sizes.dividerSize}} by an hard coded value makes it work. Strangely, columns width are not working, but is is working fine in my solution.

http://plnkr.co/edit/VktWCIZxAnFe7t4H8L3T?p=preview

[ticlaudeberube]

Hi @jbroquist any chance to look at my plunker.

By the way added a touch event for handle to work on mobile.
482 > prevButton.on('click touchstart'
539 > afterButton.on('click touchstart'

Thanks in advance for your good work.

[jbro-io]

@ticlaudeberube I have not had a chance yet. I plan to get into Friday/Saturday after the American Thanksgiving Holiday this week.

[ticlaudeberube]

Thanks, we are planning to go live soon. So far, it looks like all our UI-layout remaining issues are related to lower level issues since we can manage to keep fixed dividerSize for the time being. Some other little issues with the handles are also occurring here and there. But, we would most probably benefit from having larger handles and arrow buttons for best mobile usability.

Let me know how I can be of some help.

[ticlaudeberube]

Hi @jbroquist, sent you an email from my job under claude.j.berube. Hoping its not in your spam box.

[jbro-io]

Hey @ticlaudeberube I just got back into town and ready your email, thanks a bunch!

To solve your issue all you have to do is remove the double curly brackets and it will work:
<div ui-layout="{ flow : 'row', dividerSize: panes.dividerSize} ">

[ticlaudeberube]

Jee... wish I had figured this one out. Never see any Angular doc about this one. Thanks,