Sorry, the InVision Help Center does not support Internet Explorer. Please download Microsoft Edge or another modern browser.


InVision ambassador ambassador
Olivier Baudry Olivier Baudry

Responsive resizing of a text

Hello,

I would like to make a responsive text, what I mean by responsive is that I want the size of the text to reduce if the size of the device is reduced (or the size of the container is reduced). Not just the size of the text box, but the text size.

I think I understand how to make elements to resize responsively to a container. I already did this with the icon of the sun in the screenshot below.

So I tried to do it with the text the same way I did for the icon, but it doesn't work.

I've already checked this thread : https://support.invisionapp.com/hc/en-us/community/posts/360032172032--Invision-Studio-Design-for-all-mobile-devices-

And the "groups and containers" part in this page : https://support.invisionapp.com/hc/en-us/articles/360000096723-Inspector

I was wondering if I could make it with invision studio, because when you create a text, you have to specify the size of the text with pt, but you cannot specify the size of the text with %.

Maybe that's why it cannot work ?

Thanks in advance,

Olivier

0

comments

sort by

official comment
Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Su,

We are continuing to track interest for the ability to have Studio text layers resize or rescale along with their parent Container or Artboard. I'm happy to open a ticket on your behalf to track your interest for this. Keep an eye out for a message soon confirming that we've formally tracked your interest.

If anybody else would like to add their voice to this feature, please fill out a ticket with Support here detailing the feature you are looking for.

Have a wonderful day,

Shaina


Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Olivier,

First off, I want to thank you for checking out our Help Center and other posts in Community related to your issue! We are currently tracking interest to add resize handles on text fields in Studio so that they can be resized by dragging the handles, rather than having to set properties. Is this the type of functionality you are looking for?

If not, please let me know, and I'm happy to look into this further for you.

Thanks,

Shaina

1

Su
InVision ambassador Su , ambassador
Comment actions Permalink

Are there any updates on this? I was also wanting to have the font size resize when the screen size changes.

1

Olivier Baudry
InVision ambassador Olivier Baudry , ambassador
Comment actions Permalink

Thanks Shaina for getting back to me.

I was looking for a functionality that adapts the size of the text automatically depending on the space that is available on the device.

For example, in my screenshot above there is the same design on different devices : iphone xs and iphone se.

You can see that the sun is not the same size on xs than se, it has resized because it is in a container.

I want to have the same effect with text. I want the size of the text (Paris 23°) to be reduced automatically on iphone se because currently this text is overlapping the sun.

I hope it does make sense :)

Thank you

 

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Olivier,

Thank you very much for clarifying! I definitely see the issue you're running into and was able to replicate similar behavior myself. That being said, I would like for our Support team to take a closer look at this.

I will be opening a ticket on your behalf with our Support team requesting additional information for troubleshooting. Please look for a message in your inbox soon and respond with the requested information.

Hope to get things sorted out for you soon!

Thanks again,

Shaina

0

Mike Hatamosa
InVision ambassador Mike Hatamosa , ambassador
Comment actions Permalink

I'd also like to know if there are any updates with this. Invision is a wonderful tool, but I do also am having problems with the text being unresponsive when resizing the the ground container (already set the group to component)

Cheers

Mike

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Mike,

Thanks for reaching out on our Community. I understand how frustrating it is to wait for a feature. The Product and Engineering teams prioritize issues based on the scope and impact of the issue. For that reason, I'm unable to give an ETA on a release date for this feature.

I'm happy to open a ticket on your behalf to track your interest for this feature. Please keep an eye out for an email confirming that we've formally tracked your feedback.

I apologize for any frustration that this is causing for you in the meantime. Don't hesitate to reach out with any other product feedback here in Community!

Have a wonderful day,

Shaina

0

Melissa
InVision ambassador Melissa , ambassador
Comment actions Permalink

Another vote for this feature too please. I have submitted a ticket in support of this.

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Thanks so much for submitting a ticket to add your interest to this feature. It looks like our Support team has formally tracked your interest for this feature request.

Please let me know if there's anything else we can help you with.

Have a wonderful day,

Shaina

0

Ste
InVision ambassador Ste , ambassador
Comment actions Permalink

Vote for me aswell. Certainly a 'must have' feature otherwise can't really see the point in using Invision.

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Ste,

Happy to add your feedback to this potential feature! I noticed that you also posted about this in your own Community post here

I will open a ticket on your behalf to track your interest for this feature. Please keep an eye out for an email confirming that we've tracked your feedback soon.

Have a great day,

Shaina

0

join the conversation

to comment, sign up or sign in.