This is kind of a beginner’s question, but what property determines the width of a text element that takes up more than one line? That is, when does it decide to wrap the text and go to the next line? I can’t see any settings for that in the editor.
Basically, the width of the element, if it is a text element for example, is what determines the length of a single line. The smaller the width, the shorter the length of the single line, while the greater the width of the element, the longer the length of a single line.
There are some hard and fast rules you can find on the internet about what is the optimal length of a single line of text for readability, which as I recall, likely incorrectly, is between 45 and 78 characters…this means a 16px font size would want to be no more than around 640px wide and no less than 320px wide.
As a beginner, always play around, you can not break your app. You can create and delete pages as you wish. I do this often in apps to test things.
Z-Test is what I put in the name followed by the ‘idea/thing’ i’m testing…this way it is at the bottom of my page list and I’ll easily recall I can delete it.
In your browser, you can use the developer tools to check responsiveness of your page, or use the responsive tab in Bubble editor (my preference is firefox developer tools for this - Google Chrome doesn’t play nice with Bubble and Bubble responsive tab in editor has been a nightmare at times).
That’s what I don’t get. It doesn’t have a max width. It’s in a repeating entry group, and that doesn’t seem to have one either. Is there a way to figure out where the width is being set?
Found it! It was buried in the settings for the repeating group. Thanks.
This topic was automatically closed after 70 days. New replies are no longer allowed.