How to change the size of an element by text size

Responsive
1

Hello,

I would like to know how to change the size of an element (rectangle) by the content size of text in it. Thank you.

This is default like PCs:

1
1.png1624×422 64.7 KB

After resizing the browser like smartphones:

2
2.png1070×594 84.4 KB

I want it to be like this:

3
3.png1070×594 105 KB

test.hype.zip (26.7 KB)

2

Hype uses fixed height and position. So if you have a string you can layout your box to your needs in the GUI while creating it.

If you want to use a dynamic string you are already using JS to replace content so you would need to also change the height of the modal box by script. Use the command hypeDocument.setElementProperty and set height base on content length.

A hint to avoid positioning the button. Use a group for sizing everything and use the stretch an positioning pins for the elements inside the group like the button (bottom, center) and background (edge to edge pinned).

3

Thanks. I will give it a try.