Select closest aspect ratio

[MaxZieb (Loves Hype)]

This setup selects the closest aspect ratio. It might be of help to somebody… It is an alternative way of selecting a layout over the built-in and traditional width-based selection (although Hype always did a container width over viewport width). It can also be easily tweaked to select the next height-based layout.

SelectClosestAspectRatio.hype.zip (25,9 KB)

I think there was a similar file a couple of years ago, so sorry if this is old news for some.

[h_classen (Hans-Gerd Claßen)]

Responsive layouts, distinguish portrait and landscape

this’ll add square sizes to horizontal layouts pool. so if the breakpoint allows showing … it’ll show the matching horizontal layout instead of the portraitlayout: <script> function layoutRequest(hypeDocument, element, event) { var pLayouts = [], hLayouts = [], destArray = [], debug = true; var allLayouts = hypeDocument.layoutsForSceneNamed(hypeDocument.currentSceneName()); allLayouts.forEach(function(currentValue){ if(currentValue.width >= currentValue.height){hLayouts.push(currentValue)…

not 100% similar

[MaxZieb (Loves Hype)]

That's the one I was referring too in my disclaimer… I was looking for it the other day, but couldn't find it, so I created a new one. As always, Thanks @h_classen for that great idea!

[h_classen (Hans-Gerd Claßen)]

I just did a search because of your note but it's really not the same
yours is strict on ratio ... a very clear approach. much more reliable than mine