How to swipe between screens on a Windows 10 touchscreen ? Topic is solved

[Masure]

Hi Dashticz community,

I'm giving a try at Dashticz and I love the simplicity and possibilities. I designed a 2 screens dashboard. When I'm testing it on my desktop, I "drag and drop" to switch between screens, fine.

I tested the same on my Teclast TBook T11 tablet running on Windows 10. No matter which web browser I use, Chrome, Firefox, Edge, swiping does not switch between screens.

I understand swiping on a touchscreen is simulating window scrolling and this could be the root cause why it does not swipe cause it requires a drag and drop.

I did not find anything at the OS level to change the touchscreen swipe behaviour.

Does anybody use a Windows 10 touchscreen and can provide some solution or workaround ?
Can dashticz react to "scroll event" to make the switch between screens possible ?

Regards

[jaaap]

I had the same problem and solved it by enlarging the navigation buttons on the bottom, so I can click them easily and they take me to the next screen

[Masure]

I shouldn't have mentioned workaround as accepted in my request

Thanks for the suggestion though I'm looking for a working swipe

[jaaap]

I shouldn't have mentioned workaround as accepted in my request

Thanks for the suggestion though I'm looking for a working swipe

Haha, to be honest: I would rather like a real solution as well. Following your topic!

[Lokonli]

I shouldn't have mentioned workaround as accepted in my request

Thanks for the suggestion though I'm looking for a working swipe

Haha, to be honest: I would rather like a real solution as well. Following your topic!

I don't have a win10 touch device. My Android tablet is working fine.

I expect the touch/mobile device detection doesn't work reliably. Dashticz uses a very old library for this.

Could you do some testing:
In the file js/main.js, line 478, (latest master and beta) you read:

Code: Select all

    if (md.mobile() == null || md.tablet() !== null) {

Can you change this into:

Code: Select all

    if (true) {

If this doesn't work then I guess we have to update the swiper component.

[Masure]

I just tried.

Code: Select all

if  (true ) {

=> Gives the same result.

To see what is changing, I also tried

Code: Select all

if (false)

=> It puts the 2 screens visible with a scrollbar.

[Masure]

The latest swiper (4.5.1) fixes swiping on windows 10 tablet. I just made a drop in replacement of vendor\swiper folder.
The issue was referenced on the swiper github : https://github.com/kidjp85/react-id-swiper/issues/230


However the navigation buttons are lost.

[Lokonli]

Should be solved in the latest beta v3.2.0

Can you confirm?

[jaaap]

Should be solved in the latest beta v3.2.0

Can you confirm?

Confirmed! Works perfect on my W10 tablet. Thanks!