Will is made how not give have area part below time minimize of Browser?

Will is made how not give have area part below time minimize of Browser.
What is the code to be defined?



I’m not sure I understand your problem.
in the video you resize a page. If you use groups with adaptation to the page this behavior is normal.


However if this is intentional it is not the right approach for a responsive site. You must use multiple layouts.


an example here

1 Like

Thank you very much. I get what I want, thank you for helping me.

moreover I suggest you to try also this template for the layout optimization

1 Like

I do not want the things I designed wrong.
So I do it this way.
To not have a footer with spaces.

TestDemo1.0.hype.zip (164.7 KB)

I try to make like this time, shrink.

Do you have this template?
Or is there an easier way than mine?
I feel my complexity.


1 Like


this is a good reference for your project, take a look at the guide and try the template. In hype you need to understand the behavior of the flebile layout panel.

Now I find a way to do this using this code.
This is what i mean.
Thank you for answer.

scene = element;
const yourWidth = 1920 , yourHeight = 4700;
window.addEventListener('resize', positioning)
function positioning(){
var width =  window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth);
var height = Math.floor((width*yourHeight)/yourWidth);
scene.style.height  = height + 'px';
document.getElementById(hypeDocument.documentId()).style.height = height + 'px';
1 Like