Keeping two resizing objects contiguous


#1

I keep thinking this is super-easy and I should be able to figure it out, but alas.

So I have two resizing text-boxes like so:

As I change the browser size, I’m trying to figure out how to make sure the BLOCK B maintains it’s vertical distance to BLOCK A, i.e. not like this:

And here’s the amazing project:

contiguous.hype.zip (180.8 KB)

I’m pretty much anticipating slapping my forehead so hard my brains shoot out to the wall behind me. Thanks in advance…off to find my helmet.


(Jonathan Deutsch) #2

Unfortunately there’s no way to do this using Hype’s flexible layout controls. You could potentially have multiple Responsive Layouts, but that’s also not a perfect solution.

The best way to do it would be to have all your text in one element/div and let the browser’s layout engine do text wrapping+resizing.

(I do acknowledge this is a good problem for Hype to solve)


#3

Thanks for the confirmation Jonathan, I appreciate it. Even that helps, as it lets me focus on a different solution. Risking Hissing from the audience, I’ve been slamming a table into an Inner HTML. Ooof!