I’m building a chat app and was wondering is there anyway to make the width of a textbox shrink/grow based on content the way bubble does with height. I’d like for the textbox of short responses to not be so wide. See screenshot [image]

But how to dynamically set width as no. of characters * say 10 ?? Cos the field width has to be a static data right ?

We don’t support variable width, but you could have more than one element, with different sizes, and show / hide them based on the text’s length, by using conditions. Not a great way, but a workaround.

I thought saving a “size” (S/M/L) when you create the thing would allow you update/add sizes in the future, rather than having to add logic each time based on field length. Makes for a simpler condition.

@emmanuel no plans regarding this feature? regards

This would be really helpful right now, when we have the option to use different languages in the apps, where the text width is depending on the selected language :slight_smile:

any idea how we could find a way around it? i have tried with some conditionals, using padding, text alignment but still not good enough http://bidy.dk/version-test/index in the footer , the space between terms, disclaimer etc. [image] [image]

@emmanuel will this dynamic width text box be available in the next few months maybe? @NigelG you found a way around this?

the only workaround I’ve found is to not use colored bubbles with the text. Instead, have the UI look something like this [image] Make the entire cell for the sender white Make the entire cell for the sendee some other color like gray

we’re going to work on our responsive engine in the new year, so that may bringing dynamic width to element, but i’m not sure yet. Responsiveness is definitely something we’ll want to improve in the new year though.

Dynamic width of textbox

emmanuel August 29, 2016, 7:52pm 10

Not really, as it would be quite tricky with the responsive engine.

Feature request: Variable heights/width for Repeating Group items (and other elements?)

Topic		Replies	Views
Text Bubble width Need help	4	2751	October 10, 2018
Automatically adjust the length of the text box depending on the content Need help	9	4209	September 4, 2021
Variable Shape Width on Text Responsiveness	11	4260	September 10, 2021
Shorten/Increase text box based on length of text Questions	0	423	May 22, 2018
Make text box as wide as text Responsiveness	1	317	March 10, 2021

Dynamic width of textbox

Related topics