Responsivní formuláře

7. 12. 2016 17:31:49

Ahoj,

Už delší dobu si lámu hlavu s tím, jak udělat elegantní responsivní obsáhlé formuláře.

Jde mi o to, že mam například SB Admin (bootstrap), tedy fluidní layout. Formulář např na vytvoření pracovní nabídky (nazev, popis, textove bloky, plat, druhy platu, adresa ....). Je to až 30 poliček. Veškeré ukazkove formuláře co jsem našel mají většinou úzký layout, takže to vypadá pěkně, ale když se to roztáhne na full HD, tak bída.

Prostě jak řešit obsáhlé formuláře

Dekuji za tipy :)

7. 12. 2016 17:31:49

https://webtrh.cz/diskuse/responsivni-formulare/#reply1241851

Taps

(118 hodnocení)

7. 12. 2016 18:22:06

Tak sirku formularovych poli muzes zadat procentualne

7. 12. 2016 18:22:06

https://webtrh.cz/diskuse/responsivni-formulare/#reply1241850

garfieldik

(5 hodnocení)

7. 12. 2016 18:43:46

Napsal Taps;1344538
Tak sirku formularovych poli muzes zadat procentualne

Prosím přečti si ještě jednou můj dotaz. Nejsem amatér, který neví jak formulář udělat po technické stránce. Jde mi o to, jak to udělat pěkně.

7. 12. 2016 18:43:46

https://webtrh.cz/diskuse/responsivni-formulare/#reply1241849

Taps

(118 hodnocení)

7. 12. 2016 19:16:52

Sam jsi napsal ze si lames hlavu s tim jak udelat elegantni responzivni formulare..takze moje odpoved neni az tak bezpredmetna...na druhou stranu pochybuji ze nekomu se bude chtit na mobilu vyplnovat tak obsahly formular

7. 12. 2016 19:16:52

https://webtrh.cz/diskuse/responsivni-formulare/#reply1241848

garfieldik

(5 hodnocení)

7. 12. 2016 19:27:00

o ty mobily mi ani tak nejde, tam to vypadá OK, ale jak jsem psal, hlavně po roztažení na fullHD (content 1622)

---------- Příspěvek doplněn 07.12.2016 v 19:27 ----------

viz např. https://blackrockdigital.github.io/startbootstrap-sb-admin-2/pages/forms.html

to je prostě na 1920 hroznej bordel

7. 12. 2016 19:27:00

https://webtrh.cz/diskuse/responsivni-formulare/#reply1241847

Smazaný účet hvLPwPN09D

(3 hodnocení)

7. 12. 2016 19:41:32

Napsal garfieldik;1344552
o ty mobily mi ani tak nejde, tam to vypadá OK, ale jak jsem psal, hlavně po roztažení na fullHD (content 1622)
---------- Příspěvek doplněn 07.12.2016 v 19:27 ----------
viz např. https://blackrockdigital.github.io/startbootstrap-sb-admin-2/pages/forms.html
to je prostě na 1920 hroznej bordel

Proč bordel? Koukám na ně v 1920x1080. Nikdo tě nenutí je dělat na full width ne? :-)

7. 12. 2016 19:41:32

https://webtrh.cz/diskuse/responsivni-formulare/#reply1241846

garfieldik

(5 hodnocení)

7. 12. 2016 19:46:50

No a to je přesně ta otázka :) jak sám říkáš, nikdo mě nenutí je dělat full width, takže si asi taky myslíš, že to není úplně hezký, že?

Takže by mě zajímaly nějaký ukázkový designy, jak takovéto formuláře řešit v tak velkém okně, když layout je fluidní.

Hezký formulář beru např. toto: https://s-media-cache-ak0.pinimg.com/736x/f9/33/29/f9332996b0d5342f936ba42153ade1e1.jpg , ale je toprostě jen "nudle".

7. 12. 2016 19:46:50

https://webtrh.cz/diskuse/responsivni-formulare/#reply1241845

Oleg

(53 hodnocení)

7. 12. 2016 20:12:01

Napsal garfieldik;1344557
Hezký formulář beru např. toto: https://s-media-cache-ak0.pinimg.com/736x/f9/33/29/f9332996b0d5342f936ba42153ade1e1.jpg , ale je toprostě jen "nudle".

Vubec to nudle neni, alespon to nejde rici, pokud je screen udelan v nejake male velikosti.

Jinak tento form je udelany krasne, deleny na sekce, takze uzivatel ho vyplnuje krok za krokem.

Pokud nechces delat dlouhe formulare, muzes vytvorit formular na vice kroku, kdy uzivatel vyplni jednu sekci, jde na druhou sekci a tak dale.

P.S:

Jednoduse v BT tu sirku nastavis jakkoliv na ten obsah formulare

21862