See more and see less button

Hi guys, I have a challenge at the moment.
So I have created the see more and see less button for a text I have on a page which seem to be working but the only issue right now is that when I expand the text to see more it overlaps into other contents. I’ll add an image to explain better. Please any suggestions on how to go about this

Hi, Xofie.

Try using auto-layout so it will automatically adjust the height when you open it.
image

I’m not entirely sure how you did the see more. Is it possible to share a link of your file if you want me to help you based on you current implementation?

Thank you.

Hello Raphael,
Thank you for your response, I gave that a try but still didn’t fix it, maybe I wasn’t doing it right. Here’s a link to it https://www.figma.com/proto/49yVWh4GlJrmDgjUNojIyE?node-id=15-95&locale=en

Regards,
Xofie

Hi, Xofie.

It should work if the height is set to hug and it’s in an auto-layout.

Here is an example of it:

But, I’m not entirely sure how you did the see more function. Is it possible for you to share the file (not the prototype)?

Thank you!

Thank you once again, I believe the video will be of help. Here’s the link to the file. Please have a look.

Regards.

Hi, Xofie.

After checking your files, it seems like you didn’t do the auto-layout.

I’ll send you an example of how to do it in auto-layout.
Xofie.fig (2.3 MB)

Some links:

1 Like

Thank you so much for your help!