Edge Commons Flexible Layout

Hey pancreas, can you post your latest source files, with the EC Flexible Layout implemented?

Hey pancreas, you should try posing this question directly to Simon's github page. He'll probably respond directly to your Q:

https://github.com/simonwidjaja/EdgeCommons/issues?page=1&state=open

Hi PB,

you are lucky, I just had some free time and added a callback to the adaptive feature.

You can now add a function closure as 4th parameter to get a reference to the layout symbol:

                    EC.setAdaptiveLayouts( [600, 900], sym, "adaptiveContainer", function(layout, layoutSym) {

                              EC.debug( "layout: "+layout, "ADAPTIVE" );

                              EC.debug( "layoutSym: ", "ADAPTIVE", layoutSym );

                              sym.setVariable("layoutSym", layoutSym);

                    });

With this reference you now can control the symbol to e.g. jump to a specific page or simply play the symbol:

                    sym.getVariable("layoutSym").play();

I've uploaded a demo file for you to see how it works:

http://temp.trendspurt.com/AdaptiveCallbackPreview.zip

To use this extension you have to load the newest (5min young version from our brand new CDN server:

http://cdn.edgecommons.org/an/1.0.0/js/min/EdgeCommons.js

We will launch Edge Commons 1.0 with extended documentation and plenty of videos within the next 2 weeks. So feedback is appreciated!

(BTW: edgedocks.com will be the new home of Edge Commons)

Happy Coding,

Simon

Hi,

you are calling a function when clicking the buttons: sym.arrowBtnRt();

That function is never declared. BTW: It's bad practice to add functions directly to a symbol instance. Best practice: Define functions as variables using sym.setVariable("myFunc", function(param){CODE});

Happy Coding,

Simon

http://www.edgedocks.com

http://www.edgecommons.org