Button is not reactive

Ask the community
,
1

My “Show More/Show Less” button is not being reactive to my text box. It stays in the same place no matter if the text box is expanded or not.

1554×1058 131 KB

1830×1620 385 KB

2

if you ask that the “position” of the button in the page is the same, that you can fix by reducing the size of the container Box to the smallest possible closer to the text element inside, then you move the button closer to the container box and it will be affected.

hope it helps.

3

The button is aligning to the text box when it’s fully expanded. As you can see here.

1854×1596 627 KB

4

I see. I think the problem is that the box is not updating, so if the page refreshes the button should move to the correct position. the thing is that you are changing the amount of text inside the text element just updates when it grows but not when it shrinks. you can try making the text box collapse and then expand so it will update the size. you can add that line of code after the label of the button changes to “show more” like:

$w('#button1').label = "show more";
$w('#textBox').collapse();
$w('#textBox').expand();