Text overlapping on RG with responsive engine

Need help New Responsive Engine
1

Trying to familiarise myself on how to use the responsive engine so have built a simple RG to show some data.

Everything is working fine except when the text of one of the elements is too long instead of showing the remaining text underneath it is squishing it down so that the text overlaps and is ineligible - have played around with a few settings but can’t get it do behave properly.

How it looks initially:

image
image1301×678 46.9 KB

How it looks when resized:

image
image823×575 42.1 KB

Layout settings for group:

image
image1633×949 86.4 KB

Layout settings for text element:

image
image1568×661 43.9 KB

Thanks!

2

Try changing the max height on your text elements (and possibly the container element)

3

No change unfortunately, seems to me that having “inf” max height should mean the height goes to whatever it needs to in order to accommodate the text, so should already be working as it needs to. But apparently not…

4

Your screenshot shows the max heights are set to zero - not inf.

Also, the last two screenshots both seem to be showing Text element settings.

5

Yes you are correct they were at zero. However changing them to “inf” didn’t resolve the issue.

And yes they are the setting for the text elements - but given that is what contains the text is that not the correct element to be focussing on? I’ve also tried messing around with the parent group but nothing I do seems to solve it.

Thanks.

6

Did you enable the Fit height to content option?

I was just pointing out that the first screenshot is labeled “Layout settings for group”, yet it appears to be depicting a text element.

Can’t really see your element tree/hierarchy, so it’s unclear if the Text element is wrapped by a group of the same dimensions as the Text element. If so, that shouldn’t be necessary.