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


(bookwsm) #1

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

Untitled


(bookwsm) #2

:joy:


(Freelancer) #3

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.

Screen%20Shot%204Screen%20Shot%207

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

https://tumult.com/hype/documentation/3.0/#responsive-layouts

an example here


(bookwsm) #4

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


(Freelancer) #5

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


(bookwsm) #6

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)


(bookwsm) #7

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.


(bookwsm) #8

:joy::joy::joy:


(Freelancer) #9

???

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.


(bookwsm) #10

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;
positioning();
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';
hypeDocument.relayoutIfNecessary();
}