How to adjust components on different smartphones- Responsive

[Mohamed_Tamer]

You might check this guide

How to use extensions

How to use extensions? We frequently see users on the community who don’t know how to use extensions. This is from the App Inventor website Extension components can be used in building projects, just like other components. The difference is that extension components can be distributed on the Web and loaded into App Inventor dynamically: they do not have to be built into the App Inventor system, and they can be imported into projects as needed. With extensions, the range of App Inventor ap…

P.S: you probably can check this post, too, to know how to make your components responsive without extensions:

Responsive Screen Sizing

Hello Kodular Developers, I have seen a few pertaining to “Resizing Apps” or “Responsive Screen Sizes” and I believe I found a small alternative to some of the problems people are having. From reading https://community.kodular.io/t/resize-apps-on-different-screen-size/10414?u=jc1bryan, the first step would be to ==set the sizing in Screen1 to “Responsive”.== The next step would be to ==set all components to a percentage instead of pixels.== Setting components to “pixel” mean they are static and …

Responsive Screen Sizing

This is for my phone. So you have to look for the screen.width value of your own phone and replace the 411. Then use the fontsize that looks good on your phone. [image] [image]

Adjust the Font Size of components' to Phone's font size

Peters solution will only work for screen size or/and if zoomed in/out.. You will have to extend the above solution with the help of this extension https://puravidaapps.com/settings.php and it’s FontScale block something like this [bild]