Edge Suite and variable stage dimensions

Hi, ignore the warning, have to take it out as it is a legacy warning. Auto scaling of compositions works in general, just give it a try and go through a couple of the issues otherwise. Experimenting a bit with the stage settings usually brings the desired results.

Hey ti2m, thanks for your reply ??

But: when I create an Edge composition with the stage set to 100% width and 100% height, which fills the browser screen when testing in Edge, and I embed this in WordPress with the shortcode

[edge_animation id="13"]

nothing displays. The same animation with fixed stage dimensions is fine:

https://rocketclowns.com/blog/contact/

Is there a way to achieve responsive scaling with Edge Suite?

Hi, you might need to set a min-height when using 100% height. Probably best if you check the Edge Animate forum at Adobe for these kind of questions.

Another idea: @pacweb would it be possible for you to upload one of your sample animations for other people to check the settings? (I can also put it somewhere if you sent it to me)

Hi,

All of my animations so far use px based sizing. I have still had problems where smaller compositions (smaller than the window size, for example having a width under 600 px) would over size when I have responsive scaling turned on. It is scaling too badly (beyond the browser) but it is bigger than the container it is in.

The simplest solution is this situation is to set a Max Width for the Stage. But you are using percents. I would suggest using a Max W and/or Max H that is pixel based.

I will test this idea out on one of my animations.

If that doesn’t work, let us know and I may have another trick or two for you.

Thanks,
~PacWeb

Hi ti2m and pacweb,

I managed to get this working by enabling Responsive Scaling (Both) on the Stage, and using a fixed with (pixels) for the Stage. Min Width is set to 0 pixels (?).

Just setting the Stage to 100% W and 100% H without enabling Responsive Scaling didn’t work.

The animation in https://rocketclowns.com/blog/contact/ is now responsive if you resize the browser window ??

Thanks for your great support and awesome plugin, keep it up!!!

0L4F

Hi everyone! I’ve just resolved the problem with “Auto detection of stage dimensions failed: Unable to spot stage variable.”

I wanted to have one of my Edge Animate compositions (a 220*220px banner) put in WP Widget area. So I created a new text widget and inserted the shortcode as stated in the plugin manual ([edge_animation id=”6″] in my case). So the banner played well but for the above mentioned problem all layers were visible outside the banner. Overflow etc. were fine in the file.

So it took me a couple of hours before I just for fun tried this construction in the WP Widget: “<div id=”Stage” class=”EDGE-5533131″>[edge_animation id=”6″]</div>” – And now the banner’s fine! All layers are inside the stage! Maybe this will help you.