How scale animation to the window without active flexible size

[polysemique]

hello,
i have make a complexe animation, i wish the height of the scene (and the animation) scaling to 100 % into the window like a single image. I have don't active the flexible size because the element of the animation move.

I try simply to copy in the header the code of this post, but it doesn't work

Proportionally scaling a Tumult Hype document based on the browser width

Unless I’m missing something incredibly obvious, It seems like the only possible way to get a hype doc or Iframe to function with proportionate scaling within a responsive container width (%) and constrain the height is to either create 20 flexible layouts… OR include 20 media queries in CSS, OR use the javascript. However, if you use the JS provided…you can only use one hype ani per page. Does anyone have JS or know how to target multiple container names in order to utilize multiple hype ani’s…

Thank very much for your help

[Daniel]

This is how you can set this up:

Proportionally scaling a Tumult Hype document based on the browser width

Hype 3.5 allows for this scaling without code. (well, for everything except the main document container). If you need to responsively scale specific elements (including iframes), use the new ‘Zoom contents’ checkbox with the flexible layout options. This works well when applied to a group containing all the elements you wish to scale. You must first check the scaling checkboxes in the Scene Inspector for these options to become available: [image] Using ‘Shrink to Fit’ as the Scale Behavior w…

[Antiphones]

I can’t get this to work. I have some web content showing in an iframe but it does not wrap to the width of the iframe. This same content if viewed outside Hype, does wrap to the width of the browser window (ie its fully responsive). But even with shrink to fit and zoom contents ticked, the content is unaffected by the iframe size and you need to scroll horizontally to see all of it. Perhaps I am doing something wrong? Or perhaps this method doesn’t work with external web based content in an iframe within hype?

Thanks for any help.

[michelangelo (Freelancer)]

@Antiphones

I have some web content showing in an iframe but it does not wrap to the width of the iframe.

You may check if the iframe is set in percentage or with fixed lenght.
Also the project must be set with fluid lenght.

[Antiphones]

Thanks for your reply. I’m new to Hype coming from Edge Animate. In the inspector, Hype has both width and length (set in pixels only as far as I can tell) and below that you can set the scale in percentage, at the same time. This appears to be a percentage of the pixel dimensions rather than an independent parameter. So I can’t se how you can change the width to percentage only.

I can see a scene tab and a layout tab and neither of these appear to have any setting which includes fluid length. Where can I find that?

Thanks.

[jonathan (Jonathan Deutsch)]

Hype supports scaling based on a percentage of its container and maintaining proportions. There’s no way to change the height of a Hype document based on its inner contents - if a width change makes a text field grow/shrink it will not affect the parent’s height. In general the best workaround when working with responsive/flexible layouts is to leave some padding and then change responsive layouts after it reaches a certain point. However if you’re embedding from an iframe that will have a fixed size anyways. I’d need to see your document to offer better advice.