Conditions for text that does not fit in 1 row

vovahumnytskiy · 2020-09-08T10:21:40.182Z

I want to hide the group if its text is in 2 rows and does not fit the group’s height and show another group with a bigger height instead.
2pfkwpfowk
Is there a way to do it without using “:number of characters” ?

help · 2020-09-08T10:22:52.621Z

I think the easiest way to do it is just to calculate number of characters where it splits into 2 lines and then use that.

I know you said without using number of characters, but that’s the only way I’ve found without exploring external JS.

vovahumnytskiy · 2020-09-08T10:48:11.053Z

It is worth saying that I’ve achieved something I want with another group, but when I replicate all parameters to the group in my first message then it does not get the same properties
woivjwioj
Green group dynamically changes its height.

vovahumnytskiy · 2020-09-12T23:21:31.362Z

help

sudsy · 2020-09-13T04:28:17.732Z

vovahumnytskiy:

I want to hide the group if its text is in 2 rows and does not fit the group’s height and show another group with a bigger height instead. Is there a way to do it without using “:number of characters” ?

I might be misunderstanding the desired behavior, but wouldn’t the Shrink the element height if the text gets shorter property of the Text element do what you want?

text-shrink

-Steve

Premium Bubble Plug-Ins

vovahumnytskiy · 2020-09-13T09:28:56.451Z

sudsy:

Shrink the element height if the text gets shorter

Where can I find this property? Can you give me a link to your editor?

vovahumnytskiy · 2020-09-13T09:37:41.627Z

sudsy:

Shrink the element height if the text gets shorter

I know only this

sudsy · 2020-09-13T15:06:20.124Z

Hmm, you might have to remove the pre-defined style, but it should be there. Also, I don’t know if it matters, but my app is on version 8 of the Bubble Engine.

Screen Shot 2020-09-13 at 9.03.28 AM720×658 24.6 KB

EDIT: Something to note that isn’t really obvious. The Text element should be created with just a single row of text in design mode, because Bubble automatically expands the height when there’s more text - i.e. the opposite of what the property label says.

system · 2020-11-17T10:21:41.567Z

This topic was automatically closed after 70 days. New replies are no longer allowed.