ElkArte Community

Elk Development => Feature Discussion => Exterminated Features => Topic started by: emanuele on September 24, 2013, 11:22:21 am

Title: Scrolling pages (along with expand)
Post by: emanuele on September 24, 2013, 11:22:21 am
This is something I had in mind since a while:
https://github.com/emanuele45/Dialogo/commit/6f5c1eba8dfc7b196a340560ffce6f65ecd55d50

See attachment for image.
Instead of expanding the "..." when hovering, a small "popup" opens with all the pages, clicking on the < and > will scroll the pages left and right allowing to select the one you want.

I'm pretty sure it doesn't work very well when many (many) pages are there, but... IMHO is 8) :P

Do we want it? :P

ETA: I didn't work much on the presentation, just the minimum in order to make it work. ;)
Title: Re: Scrolling pages (along with expand)
Post by: Nao on September 24, 2013, 01:53:47 pm
Nice!
Title: Re: Scrolling pages (along with expand)
Post by: emanuele on September 24, 2013, 04:23:03 pm
I think me too! :P

Updated the branch with few fixes:
https://github.com/emanuele45/Dialogo/commit/12c16dd95a356388bda1c243d1e9efa385dd0391
https://github.com/emanuele45/Dialogo/commit/a874f8ae1cc68aa3c380828b53d45b582391c07c
Title: Re: Scrolling pages (along with expand)
Post by: Antechinus on September 24, 2013, 05:14:25 pm
Is it keyboard accessible? That;'s something that needed to be fixed with the current setup.

ETA: Just thinking about your thing there, it's kinda cool but IMO would probably be better if arranged so that the < and > scrolling wotsits were always in the same place. Having to hunt for them when there are a lot of pages could be a bit of a nuisance.
Title: Re: Scrolling pages (along with expand)
Post by: emanuele on September 24, 2013, 06:11:36 pm
Not perfectly, but a bit yes:
https://github.com/emanuele45/Dialogo/commit/a0bf39e7cdce1796b3ffd637077a18da50e97be2
if js is enabled with the above commit it can be reached using the keyboard (scrolling doesn't work though, but expand is).

ETA: forgot to answer your ETA... lol
Quote from: Antechinus – ETA: Just thinking about your thing there, it's kinda cool but IMO would probably be better if arranged so that the < and > scrolling wotsits were always in the same place. Having to hunt for them when there are a lot of pages could be a bit of a nuisance.
What you mean? ???
There is a box and the two < and > are position: absolute left and right of the box.
The box is fixed width (it contains about 5 pages + the two indicators) and only the pages scroll.
Title: Re: Scrolling pages (along with expand)
Post by: Antechinus on September 25, 2013, 04:28:57 pm
Oh ok. Sounds good then.
Title: Re: Scrolling pages (along with expand)
Post by: Xarcell on September 27, 2013, 05:55:16 am
For the sake of touch screens, there should be no hover effects. Should be onclick.
Title: Re: Scrolling pages (along with expand)
Post by: emanuele on September 27, 2013, 07:13:01 am
Well, for the moment is hover, but I suppose it can be modified to use the user's choice in the profile related to menus (in respect to the hover/click).
And probably it can be modified to use superfish, but I'm not that good with js... O:-)
Title: Re: Scrolling pages (along with expand)
Post by: emanuele on September 28, 2013, 05:08:37 pm
Oh well, the idea is in the main repo, so the rest are bug fixes. :P