Page 1 of 1

Designing Layout to Fit Phone and Tablet Simultaneously

Posted: Tue Jul 16, 2013 12:57 am
by Max Pressman

Hello,

What is the best way to create an app so that the icons and layout will automatically fit to the ipad size.
I am building the app to fit the iphone, but when I open it up on the ipad, the icons are too small and not positioned as they were on the phone.


Designing Layout to Fit Phone and Tablet Simultaneously

Posted: Tue Jul 16, 2013 5:38 am
by Maryna Brodina

Hello! There is an option inside the builder to change screen size. While developing your app you can change size and see how it looks like. If something is not ok, you can use Tablet app template (instead of standard template). Another way is to check screen size with JS and change elements on screen according to size.


Designing Layout to Fit Phone and Tablet Simultaneously

Posted: Mon Nov 16, 2015 5:40 pm
by LuisMa Suárez Gutiérrez

great answer, but a few links to check what screen size you have might be nice.
also, i understand there is a diference betweeen actual screen size and CSS size?


Designing Layout to Fit Phone and Tablet Simultaneously

Posted: Tue Nov 17, 2015 9:48 am
by Alena Prykhodko

Dear LuisMa,

Not sure I understand your question.
You can test any custom CSS and check how it looks for different screen sizes in Builders.
On Preview change screen sizes and click Refresh.