This topic is locked

How to get Add Page in Page Designer to create a fixed, non-responsive page

1/9/2023 8:50:13 PM
PHPRunner General questions
D
developer author

v10.9

I have a need to create fixed pages for a desktop application. The page designer allows me to specify absolute pixel values, but the responsive behavior cannot be disabled. Therefore, if the browser page is smaller for any reason, the fields will not line up properly and the input text will not fit properly and it will have to scroll internally within the field. If the browser page is expanded, then there is way too much field space for the input and columns, etc. don't line up as they were designed.

I've also found that changing the width of one field affects other neighboring fields even if I balance the numeric values of the width of each to maintain the same total. Fields with fixed pixel width values change, even though they shouldn't.

I want a fixed-size Add page that is not responsive to resizing. In this application with a non-tech-savvy end user, a viewport is more usable.

If I need a responsive mobile version, then I can make a different page.

Now I find that other pages, such as the List Page, have a checkbox to disable the responsive behavior. There is no such checkbox in the Add page.

I've seen a lot of discussion regarding WYSIWIG in the forum, but I am not able to achieve this. I've read that others have used 3rd party editors.

What I'm looking for is a method to create a fixed page that will remain fixed, the way I create it.

It seems to me that this should be the simplist thing to do, and yet it isn't.

Has anyone achieved this, and how did you do it?

Here is a snippet from the designer layout.

img alt

Thanks.

Sergey Kornilov admin 1/12/2023

The search phrase you looking for is "bootstrap non-responsive page". If you run it, it points to a few ideas on StackOverflow and this is the one that looks the simplest way:
https://stackoverflow.com/questions/52249385/how-to-make-bootstrap-non-responsive

To modify viewport meta tag proceed to the page in question in the Style Editor, switch to HTML editing mode and modify the existing viewport tag there.