This topic is locked

Mobile layout

4/10/2020 6:50:08 PM
PHPRunner General questions
M
MarkTimmer author

Hey. I have been playing around with PHPRunner and others since 2010. In version 9.8 you could very specifically control the output for several screen sizes. Now its more or less up to the theme. Do you have ways to control output on mobile devices?
To make it more concrete. I want to force my view/add/edit layout of a few pages as made with 'editor' or 'designer' on every screen no-matter the size. Of course i can make a thorough study of the css structure and play around with all the @media selectors. But rebuilding the project would make me loose everything. Besides i invested in PHPrunner and i'dd like to solve it with that. So anybody knows a way around?
9.8 had a special module for mobile devices. Is that still available and does it work on 10.4?

Sergey Kornilov admin 4/11/2020

In version 10.x there is no separate mobile template and changes made in Page Designer will be applied to both desktop and mobile pages. Could you explain what exactly you trying to achieve, maybe show some screenshots.
Also "But rebuilding the project would make me lose everything" is not a correct statement. CSS changes applied via Editor->Custom CSS will not be lost.

M
MarkTimmer author 4/12/2020



In version 10.x there is no separate mobile template and changes made in Page Designer will be applied to both desktop and mobile pages. Could you explain what exactly you trying to achieve, maybe show some screenshots.
Also "But rebuilding the project would make me lose everything" is not a correct statement. CSS changes applied via Editor->Custom CSS will not be lost. Thats hopefull, thanks!


Well its not that complicated When i make a good add page for desktop, functional with e.g. a three, four, five or six column and eg 6 rows in two panels lay-out it is only working in the laptop. On my telephone i only get a one column/many row layout which is very complicated. I would like to experiment here with two columns and more Actually, i want to be able to make my own lay outs on phone and tablets completely independent from the laptop layout.

Sergey Kornilov admin 4/12/2020

Still, it is hard to provide good advice without knowing any specifics. Again, you can use CSS to specify different layout rules for different screen sizes.

E
exora 4/12/2020

Actually, I have also experienced same thing since upgrading from V9.8 to V10.0 because there is a good feature in V9.8 that is not working anymore in v10.x, which is display settings on various devices.
My application that was built with V9.8 used to be able to display different columns when accessed with a mobile phone. In portrait mode the application is set to appear only 3 columns but if the user positions the device to the landscape then 10 columns will appear automatically with the same table.

need2sleepDevClub member 4/18/2020

I just started noticing this now. Even on list page, if you go with the custom column option and use 3 or more columns, there is no responsiveness on mobile devices. All the fields will spill over the border and menu bars etc don't stretch across.

H
headingwest 4/19/2020

Yes I have the same issue. Because mobile is becoming more popular than desktop I would like to see built in PHP runner support instead of having to learn lots of CSS