Formulářové prvky

Textové inputy

Input s tlačítkem

Input s nápovědou

Textarea

Šířky inputů

Jednotlivým inputům lze nastavit pevnou šířku (od tabletu - 768 px) pomocí utilit tříd .minw180, .minw260, .minw340, .minw440.

Datepicker

Datepicker používá open source plugin Flatpickr, který lze zinicializovat na inputu pomocí třídy .js-datepicker.

Dodatečné nastavení lze předat jako JSON pomocí data atributu data-options.
V klíči "labels" lze předat popisky pro timepicker (hodiny a minuty).
Klíč "options" pak může obsahovat libovolné nastavení dle dokumentace.

Defaultní hodnoty jsou tyto:
time_24hr: true,
locale: Czech,
animate: false,
altInput: true,
altFormat: 'j. F Y',
minuteIncrement: 10,
disableMobile: true,

Select

Select používá open source plugin Choices, který lze zinicializovat na selectu pomocí třídy .js-select.

Skupina selectů

Z jednotllivých selectů a inputů lze vytvářet inline skupiny.

Skupina selectů s tlačítkem

Do skupiny lze přidat i tlačítko.

Radio buttony

Checkboxy

Skupina radio buttonů (na řádku)

Skupina radio buttonů (pod sebou)

Ukázkový formulář 1

Ukázkový formulář 2

Přihláška pro zahraniční vědce, výzkumníky a zaměstnance

Pohlaví *

Domluvil/a jste si spolupráci na konkrétním projektu s konkrétní osobou z VUT? *

Vízum je povinné pro občany mimo EU.

Budete žádat o vízum? *

Hodláte být zaměstnancem VUT v Brně? *

Hodláte pobýt v ČR i s rodinou? *

*) Tento údaj je povinný