Vertical scrolling library for drag and drop item selection

Responsive
1

Hi:
I found one of my favorite drag and drop examples called Kokeshi.hype
I would like to create something similar to mimic dragging hand tool parts onto a workbench to create a new hand tool simulator. One feature I need is to show a multiple tabbed, and vertically scroll-able parts viewer and selector where user can jump between library categories to select an item and then drag to a target location. Helpful hints welcome. (o: Patrick

vertscrollideas
vertscrollideas1061×762 797 KB

2

yours is not an easy task for some reasons, but below is an approach that should work. Only difference is that it does a horizontal slider.

1 Like
3

Wow! Thank you for sharing such a fun project! Very inspirational on my journey to learn more! I decided to jump back into programming using Hype and appreciate the support found on the forum. (o:

4

Hi:
I have been playing around with the Crazy Virus game and noticed that the horizontal selection menu works well in Chrome, however, when I display them from a hosted site using Safari or Firefox, the menu function does not function the same. Ideas welcome! PM

5

Hi PM,

it’s a bit vague :wink:

But in firefox i experienced some crazy z-index-behaviour which may be fixed by a not less crazy hack … :slight_smile:

Works fine on safari on my machines though … which built¿

6

Hello:
I was being vague since I am learning and not quite sure what to expect and/or how to fix it. I did find that both Chrome and even Safari are working as you highlighted.
I can see the z-index layer issue when using Firefox.

Sincerely, PM :smiley:

1 Like
7

the updated version should work in FF too …

8

Thank you for sharing you expertise! PM :grinning:

9

Hello Hans-Gerd … again (o:
I continue to admire your Crazy Virus making character program and wondered if you could tune the programming yet again to work in Internet Explorer and Edge? I ask because the build a character programming in your example is what matches some ideas I am trying to include in a larger project. For your consideration and my appreciation! PM

10

i took the effort – hacked the windows 10 dell-laptop of my daughter :wink: – to test edge -> it worked without a problem.
this suggests the same:

however, you can try to use a w3c-polyfill instead of the one implemented.
builtCrazyCovidVirus_w3c-polyfill.hype.zip (1.5 MB)

i will not investigate on this ...

11

You can always use the free/trial tier of lambda test

1 Like
12

that’s nice :slight_smile:

13

Thank you very much for supporting my mission! Sincerely, PM.