Quote from luishp on May 1, 2019, 1:11 pm

Hi @punglisin,

We need to know how are you viewing the app in your mobile device:
Have you exported it as a Mobile App (Phonegap) or as a Web App?

Take a look at this video about how to install a Web App and then become full screen size:
https://www.youtube.com/watch?v=xq-y-UqkNZU

Regards.

Quote from Punglisin on May 3, 2019, 10:13 pm

Hi @luishp,

I exported the application as a Web App. I tried to open it with full-screen mode using Safari and Chrome and I got the right page layout. When the mode is not full screen, the upper part of the web page is truncated: this leads to a different behavior from the expected in some commands like scrollTop(). Below is the example of the test application.

Truncated layout  -----   Layout OK

 

Quote from luishp on May 4, 2019, 6:47 am

Hi @punglisin,

Please take a look at:
Project > Properties > Size > Autosize options

And also this commands:
slScaleAppLetterBox
slScaleAppLetterBoxMax
slScaleAppDeform
slScaleAppFitWidthTop
slScaleAppFitWidth
slScaleAppFitHeight
slScaleAppFit
slScaleAppOriginalSize

Not sure but I think the problem is similar to this one:
https://visualneo.com/forum/topic/mobile-keyboard

Let me know if any of these suggestions solve the problem.
Best regards.

Quote from Punglisin on May 4, 2019, 4:04 pm

@luishp,

In the autosize settings in "Project> Properties> Size> Autosize options" I removed the checks to "Auto-size content to fit device width" and "Auto-size content to fit device height".
I tested all the commands you suggested, and among them the one that works for me is slScaleAppFitWidthTop. (I wrote this command in Project> Events ...> start-up. I wrote also a JS code to change the appearance of the Web App based on desktop or mobile viewing).

To get a good result, I modified the application height in "Project> Properties> Size" based on the height of the first page of the Web App (and not based on device screen height).
Is there a way to change manually the height of any other page?

Thanks a lot

Quote from luishp on May 4, 2019, 5:24 pm

@punglisin,

Glad to know.
You can have different pages with different sizes.
Just go to Project > Properties > Styles and add a code like this one for each different page:

#PageName{
  height:800px;
}

Just change PageName and 800px to your desired values.

Quote from Punglisin on May 6, 2019, 9:40 pm

Hi @luishp,

I solved all the problems by checking "Auto-size content to fit device width" and setting the height of the application equal to the height of the device screen. I then set the page heights manually using the CSS code you suggested. Thanks to the slScaleAppFitWidthTop command all the contents adapt correctly to different screen sizes!, also guaranteeing smooth scrolling on every page of the Web App. Thank you so much! 

I have known NeoBook since many years starting from middle school. I used it to create various utility software with ease and speed. I always liked to use it. I know VisualNeo Web more recently and I must say that it is a fantastic program for the features it offers, mixing 3 different languages: Neoscript, Javascript and CSS. I already know (Neoscript :-) ) Javascript and CSS, so everything is much simpler and faster, moreover the time required to realize the final application is reduced. The ability to easily add and create plugins with the addition of the neophp plugin (that I've already used) makes this application really powerful. I love it.

Greetings from Italy! 

Quote from luishp on May 7, 2019, 6:57 am

Hi @punglisin,

I'm very glad you have come to a solution.
Thank you for your kind words. If you don't mind we will use them in our promotional materials.
Best regards.

Quote from Punglisin on May 7, 2019, 9:17 pm

Hi @luishp,

..of course! I am really happy about this, I thank you very much!

Many greetings