How to adjust components on different smartphones- Responsive

[ciagarroq]

Hi everyone. I’d like to know how to adjust apps into the screen of the user’s phone.
I think it is a good idea to refer calculations to phones measures as screen width and height measures, i’ve tried some of that but i’m not sure if it’s the right method
I just tried percentages but it’s not working for the different kinds of phones.
My question is about to find another way to do that.

Lots regards!

[Srrazmi (Web And App Developer)]

Try This

[Free] Responsive Text Components Maker

Short Description This Extension Is Work On Mathematical Functions By Using This Simple Extension You Can Set Your App Fully Responsive It’s Adjust Size According Device Screen, I Have Tested With Different Devices And It’s Works Fine For Me. Add a picture of all the blocks [component_method] There Is Only One Block To Use Just Put Size According To Your Design Will Look Fine In Your Phone Write instructions to use your extension [blocks (2)] Download : com.srrazmi.Responsive_Screen.aix (5.…

[ciagarroq]

Thanks lots for your answers. I forgot to say that i am an absolute begginer here.
Once downloaded from srrazmi.Respo… it appears the following alert message:

“This file has no associated application to perform this action. Install an application or, if one is installed, create an association on the Default Application Settings page”

Since i’m working in creator.kodular.io what is the next step for me?

Thanks lots in advance. Regards!

[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 Resize Apps on Different Screen Size, 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 wont change in size. With percentages, the component has…

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 App Inventor Extensions: Settings | Pura Vida Apps and it’s FontScale block something like this [bild]

[ciagarroq]

Hi! Thanks lot for your answers.
I’ve read them and i’m going to try some of them.
Best regards!

[AppHelper_Studio (App Helper Store Official)]

You can use this extension for making your app really responsive:-

[Free Extension] Responsive App Size Extension (Best Update V3.0)

Hello Friends, Today I Am Going To Provide You A New Responsive App Size Extension. After Use This Extension You Can Make Your App Responsive For All Kind Of Devices. This is my first extension. Try This Extension And Tell Me Your Response. Release date: 2021-04-07T18:30:00Z (UTC) Update On: 2021-04-10T18:30:00Z (UTC) Developed By App Helper Our YouTube Channel Link Note:- My English Is Not So Good So Please Adjust. Some Screenshots Abou…