These web controls (webContainers) has the lockBotton=true and his bottom border is on the bottom of the design webpage, but these bottom parts are putted on the middle of the page and not on bottom part of webpage
i have tried resizing these webcontrols at the resize event of the webPage but it dows not work
does anyone have any suggestions ?
i open this page on samsung galaxy fold 4 on internal screen and using mobile chrome
Can you provide a sample project?
The way bootstrap adjusts for mobile screens, you can’t simply use locks to make a desktop layout size down to a phone. You’ll be better off making custom layouts for phones.
this is the code
problem_with_locking_control_on_phoneBrowser.zip (1.0 KB)
this is the result on pc browser
this is the result on phone browser, portrait mode
this is result on on phone browser landscape mode
Your zip has missing files.
You need to zip all the files when saving as xojo_project, or you can save as binary and just zip that file (if no external items are used).
problem_with_locking_control_on_phoneBrowser.zip (7.6 KB)
this is xml version
binary
problem_with_locking_control_on_phoneBrowser.zip (8.7 KB)
I don’t know when my machine stopped accepting connections from my phone.
I’m sorry I can’t test at this time.
I had to compile the app to be able to test.
It looks like the page on a browser is much longer and a little bit wider than what you define (1800x800) but the container is set as if the page size is 800, so you can keep scrolling down to around 3000 (at least on my phone).
From your phone screenshot, it looks like the size is different.
The webpage has minimum height and width (minH 1800x minW 800)
These caracterstics of the page are valids for standard browser PC and for phone browser, in phone case the browser must shows scroll bars… but the bottom part of the control must be anchorated to the Bottom of the Page , but as Is showed on screenshots, the control Is not anchorated when Page Is showed on phone browser, but Is anchorated if i use PC browser
My phone Is Samsung galaxy fold 4 , the resolution is Minor of 1800 x 800
I guess what I wrote was not clear.
Set a label at 800 pixels, at least on my phone it match where the bottom of the listbox is.
There is a bug on the conversion of the WebPage you selected and the phone display area/resolution.
The anchor keep the bottom of the container/listbox near the 800 pixel size and show a scrollbar to almost 3000 pixels (this is on my phone, your phone may have different results because the bug could affect that).
I’ll try to take a screenshot on my phone and post it here.
