Jump to content


Photo

Touch versus scroll

touch scroll list

  • Please log in to reply
7 replies to this topic

#1 ielite

ielite
  • Members
  • 674 posts

Posted 11 May 2017 - 02:45 AM

Still trying to get my touch vs scroll to work on non desktop browsers. (e.g. my androind phone). Everytime I go to scroll my lists, it thinks I am touching/selecting an item in the list.

 

Demo

 

Code

 

Shane

 


  • AntoineCipt likes this

#2 Nico Wouterse

Nico Wouterse
  • Moderators
  • 212 posts
  • LocationAustralia

Posted 11 May 2017 - 01:55 PM

Hi Shane

 

Your demo clearly shows the problem you have

 

I had a quick look at your code, but nothing jumps out

 

except the use of SmartCL.scroll

I have never used this unit, instead always relying on either native scrolling or iScroll

 

and as in quite similar applications I have not had your problem, I suspect there is something wrong in either the scroll unit or the use of it

 

I'm a fan of native scrolling as it is built into the browser and as such works fine on any device, any OS - it doesn't require any effort whatsoever

(Smart disables scrolling by default, just have to enable it again)

 

but iScroll works fine too

 

there are a couple of posts in the forum under 'scroll' which may be of help ?


Nico Wouterse

#3 Igor Savkic

Igor Savkic
  • Members
  • 151 posts

Posted 11 May 2017 - 03:58 PM

> Still trying to get my touch vs scroll to work on non desktop browsers. (e.g. my androind phone). Everytime I go to scroll my

> lists, it thinks I am touching/selecting an item in the list.

 

You're using Tw3ListBox right? I think problem is within control itself.

I never managed to make it work fine with scrolling and touching, but since place where I need it is not too important I left it as is. Try to make some custom control, perhaps just using standard unordered html list or list of divs.

 

If you have access to new SMS, try it there, perhaps it's fixed there.

If I remember it correctly in new SMS you'll be able to select what kind of scrolling mechanism you want for your control.



#4 ielite

ielite
  • Members
  • 674 posts

Posted 12 May 2017 - 04:12 PM

Yes, I use the Tw3ListBox

 

I can't imagine using anything different will yield a different result......still need to be able to distinguish a touch and scroll when a finger touches the screen.

 

I will give it a try though and see.

 

 

> Still trying to get my touch vs scroll to work on non desktop browsers. (e.g. my androind phone). Everytime I go to scroll my

> lists, it thinks I am touching/selecting an item in the list.

 

You're using Tw3ListBox right? I think problem is within control itself.

I never managed to make it work fine with scrolling and touching, but since place where I need it is not too important I left it as is. Try to make some custom control, perhaps just using standard unordered html list or list of divs.

 

If you have access to new SMS, try it there, perhaps it's fixed there.

If I remember it correctly in new SMS you'll be able to select what kind of scrolling mechanism you want for your control.



#5 ielite

ielite
  • Members
  • 674 posts

Posted 12 May 2017 - 04:22 PM

any recommendations on how I would go about making a list of items with an icon to the left of each item - and make it scroll-able and select-able?

 

for example, a UL. Can we do scroll and touch? Can we have a image to left? I can't see to do these things using the following syntax

 

<ul>

  <li style = "list-style-image: url(' + 'res\item.png')" onclick=" "> Item1</li>
  <li style = "list-style-image: url(' + 'res\item.png')" onclick=" "> Item2</li>
  <li style = "list-style-image: url(' + 'res\item.png')" onclick=" "> Item3</li>
</ul>


#6 Igor Savkic

Igor Savkic
  • Members
  • 151 posts

Posted 12 May 2017 - 07:36 PM

 

any recommendations on how I would go about making a list of items with an icon to the left of each item - and make it scroll-able and select-able?

 

for example, a UL. Can we do scroll and touch? Can we have a image to left? I can't see to do these things using the following syntax

 

<ul>

  <li style = "list-style-image: url(' + 'res\item.png')" onclick=" "> Item1</li>
  <li style = "list-style-image: url(' + 'res\item.png')" onclick=" "> Item2</li>
  <li style = "list-style-image: url(' + 'res\item.png')" onclick=" "> Item3</li>
</ul>

 

 

When you say touch, do you mean select item? Selecting and scrolling will be all fine, I would suggest to use system scrolling, it works great on Android and iOS and on Window you get a standard scrollbar.

About how to represent items, try to use div inside li and then img, like <li><div><img> or don't use ul/li at all and just use list of divs.



#7 ielite

ielite
  • Members
  • 674 posts

Posted 13 May 2017 - 07:20 PM

Yes! I mean select an item.  The minute your finger touches the screen, it can't differentiate whether you are selecting an item are scrolling

 

 

 

 

When you say touch, do you mean select item? Selecting and scrolling will be all fine, I would suggest to use system scrolling, it works great on Android and iOS and on Window you get a standard scrollbar.

About how to represent items, try to use div inside li and then img, like <li><div><img> or don't use ul/li at all and just use list of divs.



#8 warleyalex

warleyalex
  • Members
  • 408 posts

Posted 15 May 2017 - 02:08 AM

I just have compiled your APKProfile demo with the new alpha RTL_2.3

 

a. W3HeaderControl is not working as expected; there're some weird unexpected controls on the screen.

b. I'm getting the annoying flicker page (this is a fast "black background while loading the project"),

c. The final bundle main.js is huge (791,820 bytes), anyway, it's alpha release, it requires some clean up in the uses clause on many units;

d. your demo does not work properly using the RTL_2.3 for me using FF.

 

... about the issue "Can we do scroll and touch", I would prefer "native scrolling" or "iScroll" or "betterScroll"

 

for instance, in this demo, I'm using the betteScroll(inspired by iscroll, and it has a better scroll perfermance).







Also tagged with one or more of these keywords: touch, scroll, list

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

IPB Skin By Virteq