Zoom on mobile

Webix JS
1

Hi, if i use a mobile, like a tablet to view webix, when i try to zoom
the layout it doesn’t work good, and sometime the zoom doesn’t work at all.
how i can solw the problem?
Thx

2

Hi,

Try to use webix.Touch.disable(); to disable webix touch handlers. It will restore normal touch handling for html content.

3

i try it but i still can’t zoom from tablet or phone,i want to zoom a datatable for example or a textbox ecc…
Thx

4

I have the same issue .

5

Try to use a meta tag.

< meta name=“viewport” content=“width=device-width, initial-scale=1.0” / >

for no zoom or for a zoom…

< meta name=“viewport” content=“width=1500, initial-scale=0.5” / >

6

I’m deeply sorry for my spelling mistake:
webix.Touch.disable();

But. Perhaps the best solution is to add webix.Touch.limit(); after the initialization webix.ui(). For the components that have a scroll (data components, scrollview, etc.) it will preserve Webix touch handlers and the double tap zoom, while the other components will work with the native touch handlers.

To see how it works, check the snippet (for mobile): http://webix.com/snippet/m/e7140cdb

7

whatever i do i can’t zoom in a datatable.
Even the snippet doesn’t zoom in.

8

@MPaul only the double tap zoom should work for the datatable in this snippet. If it doesn’t work, can you specify your OS/browser version?

9

The double tap just centers the view but it does not zoom in.
I tried it on the iPad air 2 and iPhone 6s running iOS 9.2.1 on Safari.