Smartphone screen too small for app

Just starting out? Need help? Post your questions and find answers here.
firace
Posts: 27
Joined: Tue Jan 02, 2018 6:59 pm

Smartphone screen too small for app

Post 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)
User avatar
Peter
Posts: 977
Joined: Mon Feb 24, 2014 10:17 pm
Location: 127.0.0.1:9080
Contact:

Re: Smartphone screen too small for app

Post by Peter »

Code: Select all

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

More informations: https://jqueryui.com/draggable/
firace
Posts: 27
Joined: Tue Jan 02, 2018 6:59 pm

Re: Smartphone screen too small for app

Post by firace »

Thanks a lot - works just fine!
Post Reply