Hi,

Please check the component below

https://www.outsystems.com/forge/component-overview/8268/font-size-increase-decrease-o11

Hi Dibs,

You can achieve this using CSS and media queries. Here’s an older post with an example.

Additionally, here's another post that walks you through adjusting the font size based on the length of the text.

You can also find other helpful CSS classes in the documentation to assist with this. 

Hi Dibs,

Follow the below steps:

• Drag a Container and place a Text widget inside it. 
• Assign an Id (e.g., FontTextContainer) to the Container. 
• Drag an Input Widget and set its Type to Range (Slider). 
• Bind it to a Local Variable (e.g., FontSize). 
• Create a Local Variable named FontSize of type Integer. 
• Set its default value to 16 (or any preferred font size). 
• In the Container’s Style Property, add:  font-size: " + FontSize + "px;
• Assign the slider value to local variable(FontSize) on SliderOnChange handler

Oml is also attached for reference.

Regards
Krishnanand Pathak

Hi @Dibs 

Outsystems renders UI using HTML- CSS inside a webview which does not inherit iOS dynamic type scaling. Hence, in your case, the app will not resize automatically just because the user changes iPhone text size.

To make your OS fonts scale dynamically, you can create a Cordova plugin with CSS variable scaling and then expose it to OS.