dashboard icons

Door Dennis WhoCares op 18-10-2016 13:03

2.018 views

Hoi allemaal,

ik probeer een soort dashboard te maken, wat een beetje op iOS springboard lijkt.

Nou maak ik gebruik van 'inline-blocks' om de icoontjes naast elkaar en onder elkaar te zetten.
Dat gaat prima.
Maar natuurlijk als er heel veel icoontjes zijn, dan kan ik naar beneden scrollen.
Ik wil dit eigenlijk zo hebben dat het op een 'volgende pagina' terecht komt, welke je horizontaal kan scrollen, en ehm ... ook niet halverwege kan blijven

Zoals op het bureaublad van een iPhone / iPad zegmaar.

Hopelijk heeft iemand enig idee hoe ik dit het beste kan aanpakken.

Michael -

18-10-2016 13:17

Wat dacht je van gewoon tellen? Als je alle icoontjes mee laat schalen tot een minimum en maximum kun je bijvoorbeeld 20 icoontjes kwijt op ieder scherm en daarna krijg je pagina 2.

Wesley -

18-10-2016 14:01

Misschien heb iets aan zo iets? . Als je het voor elkaar kan krijgen om die slider te gebruiken met daarin je icon, krijg je volgens mij een beetje het effect wat je bedoelt.

Dennis WhoCares

18-10-2016 15:27

Hi Wesley,

inderdaad is zoiets wat ik zocht.
[link]http://stereobit.github.io/dragen[/link]

@Michael,
ik doe nu on screen.resize pak ik het nieuwe formaat van m'n content(dashboard) div, bereken ik hoeveel icons er op het dashboard plaats ik ze in de div's voor deze 'slider'

Bedankt allebij, dit is een goede oplossing idd.
of het het makkelijkste is, is wat anders maar goed :)

Reageren

Inloggen om te reageren