I have tried many things but nothing worked so far. There must be a solution somewhere on this forum if you could help to find it please? I need to create a fully responsive HYPE canvas. Not just flexible layout, but actually the whole document to scale up/down with the window. Currently with flex…

[image] Creating a Flexible Tumult Hype Document within a DIV with no set 'height' Responsive Layouts In your hypedocument -> headsection paste: <script> function layoutRequest(hypeDocument, element, event) { //returns [{name: xxx; height:xxx; width:xxx; breakpoint:…

Thank you. I found that topic but it didn’t work. I must have done something wrong. Should I still make the canvas scalable? Should I just scale width? And also, should I see the effect only if I am embedding? Sorry for all those questions but I seriously tried that solution before and got nowhe…

Thanks. Unfortunately this is exactly what I tried and it doesn’t work when embedding on the page. It simply returns a blank canvas. I came to a conclusion that you can’t embed a HYPE document if it is set to be scalable on both width and height. It does work as a standalone page but I need to embe…

We need to see where you are embedding to be more specific with a response. There are so many variables that can effect how a document reacts. As you have seen, it works but not in the environment it is intended for. So, we need to see that environment. Quite often when you see a “blank canvas” it …

Thank you! You were right, it didn’t pick up the height! All is working now

setting a fixed height to a parent element when embedding will not solve your problem as you requested a proportionally scale (w/h) depending on the width that is avaiable. the provided script sets a absolute height on HypeLayoutRequest (which includes firing onresize) so it'll never be a 0px-height…

Oh Hans, dat hack! :kissing_heart::kissing_heart: You’re a lifesaver!:heart_eyes: Thank you!

Responsive canvas when embeding

Responsive

h_classen (Hans-Gerd Claßen) September 18, 2018, 1:22pm 2