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 a range of values to adjust if the screen size is different. Now, this is what I did and it surprisingly worked for me. Here is a screenshot of the code I added to my Main Menu page.
So what I’ve decided to do was check for a particular screen size. After doing my homework and reading many forum posts, screen width sizes for phones are usually under 490. So now looking at my code I’m basically telling the program when the screen initializes and if the screen width is greater than 490, then do the following. I also have somewhat of a check system implemented in there and basically, if the screen width is greater than 490, show alert “Converting to Tablet Mode” and if not show alert “Smartphone Mode”.
When making my app, I usually start with the phone look then after the phone look is good I move to the tablet view which allows me to experiment with different size components. I put the view into tablet mode and adjust the sizes of the components or as you see in my code, I changed a lot of text boxes to be bigger. Once you’ve done that grab a tablet if you can and make your adjustments. But remember the key is the check system which can really help you in making sure your either in smartphone mode or tablet mode.
I’m not really the best developer or app maker but I felt the need to share this. If I’m wrong or you have any questions let me know or post a comment and tag me! Thanks!