Resize text on Button

Is there a possibility to automatically resize the text of a button? make it “responsive” to the size of the button? Thank you

How you change button size.

The problem is that the key is set in percentage to fit all the screens while the text has a fixed depth, so I was looking for a method or to automatically wrap the text or resize it

I haven’t found a way to dynamically resize the text size yet. Hopefully Thunkable can add a percentage property like width/height.

Just to be clear you can dynamically resize the text size by setting the FontSize property of the button using the 'from Button set FontSize to' block. What we don’t currently have is a way to set that FontSize to a percentage or to get the size of the button, which would allow you to compute the FontSize to match the button size.

-Mark

2 Likes

One workaround will be to set the button fontSize to the percentage of the button Width or Height. On screen initialized, from Button set FontSzie to from Button get Width * percentage.

2 Likes

Use the block that you tell me that I set a size in any case of the font, the problem is that this device to device failure and between ios and android, you should be able to calculate, starting from a certain size, the optimal size for the screen in use, is there a block that will return the screen resolution in use? if we think that a trivial equivalence solves our problem

1 Like

There is no beautiful block for determining the screen resolution, but there is an example of obtaining information using a web service on the scrSystemInfo screen.

https://x.thunkable.com/projects/5be813b36245ad2916513266/project/properties/designer/

2 Likes

@ACTech, As soon as I can, I try to study the example you posted to me. Thank you

1 Like

Hi everyone, I’ve done a method can help you to get the right font size for you device (is not responsive). You need to know the right size you need for 2 devices (for example a cellphone and a tablet). Now you need to interpolate or extrapolate depending on each on.

image

Now just have to assign the variable to the font size tex or multiply by other number to change it.

2 Likes