Page 1 of 1

Smartphone screen too small for app

Posted: Fri Nov 19, 2021 8:02 am
by firace
My app is a little wide and I would like to use it (in a web browser) both on desktop and mobile.
It displays fine on a desktop, but is much wider than the screen of my mobile phone. I'm unable to scroll horizontally to view the right panel.

I'm not looking for a perfect solution - would be happy with a quick workaround to enable scrolling ;)


Example:

https://www.radsix.com/test/

The code:

Code: Select all

CloseDebugOutput()

OpenWindow(0, 10, 20, 1200, 550, "Demo ", #PB_Window_BorderLess)  :  SetWindowColor(0, #White)

TextGadget(200, 50, 20, 600, 50, "<font size=6><b>Demo SB Dashboard</b></font>")

ListIconGadget(1,4, 110,887,310,  "Col 0", 50) 

AddGadgetColumn(1, 1,          "Col 1",   40) 
AddGadgetColumn(1, 2,          "Col 2",   60) 
AddGadgetColumn(1, 4,          "Col 3",   60)
AddGadgetColumn(1, 5,          "Col 4",   60)
AddGadgetColumn(1, 6,          "Col 5",   50)
AddGadgetColumn(1, 6,          "Col 6",   50)


TextGadget(2, 910, 110, 260,310,  "Side panel") 
SetGadgetColor(2, #PB_Gadget_BackColor, $F3F3F3)

Re: Smartphone screen too small for app

Posted: Fri Nov 19, 2021 10:38 am
by Peter

Code: Select all

Define WID = WindowID(0)
! $(v_wid.window).draggable()
... should work.

More informations: https://jqueryui.com/draggable/

Re: Smartphone screen too small for app

Posted: Fri Nov 19, 2021 2:55 pm
by firace
Thanks a lot - works just fine!