Zadejte hledaný výraz...

Editovatelný dashboard v Twitter Bootstrapu

Jan Kuthan
verified
rating uzivatele
(48 hodnocení)
11. 11. 2016 19:05:20
Zdravím,
až takovouto customizaci řeším poprvé, rád bych to také "na první" načal správně proto se ptám.
Čeká mě vytvořit v twitter bootstrapu dashboard, na který si uživatel může vkládat boxy s informacemi ze systému. Jde o to, že grid by byl asi 8 čtverců horizontálně a vertikálně neomezeně, některé boxy budou zabírat 1 čtverec, jiné 2x2 jiné 1x4 atd... Uživatel by měl mít možnost si boxy různě přehazovat a upravovat dle gusta.
Řešil někdo něco takového ke spokojenosti skrz nějaký např. jQuery plugin nebo přímo něco pro Bootstrap? Vše bude samosebou responzivní, při menší obrazovce se uživatelem rozházené boxy začnou přehazovat pod sebe.
Díky za tipy
Zatím študuji toto: https://troolee.github.io/gridstack.js/
11. 11. 2016 19:05:20
https://webtrh.cz/diskuse/editovatelny-dashboard-v-twitter-bootstrapu/#reply1236583
node
verified
rating uzivatele
(5 hodnocení)
12. 11. 2016 09:42:36
Easy. Staci ked tym boxom budes javascriptom menit css triedy na pocet stlpcov ktore maj uzaberat. Napriklad nahodis si jQuery sortable https://jqueryui.com/sortable/#display-grid na menenie poradia a napriklad http://jqueryui.com/resizable/#snap-to-grid na zmenu velkosti.
12. 11. 2016 09:42:36
https://webtrh.cz/diskuse/editovatelny-dashboard-v-twitter-bootstrapu/#reply1236582
vpixle
verified
rating uzivatele
(3 hodnocení)
14. 11. 2016 02:49:09
Jak moc na to spechas? Bootstrap4 uz by snad mel byt postaveny na Flexboxu coz by ti asi usetrilo spoustu starosti.
Postaru pri pretahovani mysi resis milion sest veci, tady jen ty boxiky precislujes a FlexBox si je uz zobrazi.
Jinak pokud do toho muzes investovat par stovek podobnejch dashbordu (Bootstrap 3) je plnej internet tak at nevymyslis kolo.
14. 11. 2016 02:49:09
https://webtrh.cz/diskuse/editovatelny-dashboard-v-twitter-bootstrapu/#reply1236581
Pro odpověď se přihlašte.
Přihlásit