make UI element adaptive to text content

So : I put a panel on my canvas in which in put 2 text objects , I want the text objects to scale in width
according to the text (panel also has to scale)

for example : when there's a short string of text I want a small panel window that's just wide enough for the text , if it's a long string .... a wider panel , wide enough to fit the text

Any effiecient way of doing this ?

many thanks !

 

Have you tried attaching a "Content Size Fitter" component to your text? Attaching one of these and changing the settings to "Preferred" will change the rect trans to fit the content. If you set the Horizontal to "Unconstrained" the text will get to the edge of the original rect trans and go to the next line (if you don't want one long string, which I don't think you do ;P)

Then you can try writing up a script that changes the panel's size based on the text's rect trans

 

ok thanks man

 

For regular text objects the content size fitter works fine. For input fields you'll need to do some more trickery. I currently manage it by comparing InputFeild.text.Length with InputFeild.TextComponent.text.Length.