# S volbou oddělení K vytvoření vlastního vstupního formuláře s volbou oddělení budete postupovat obdobně jako u základního formuláře: Vytvoříte HTML dokument, přidáte CSS styly a pomocí JavaScript metod zajistíte posílání dat z formuláře a přiřazení klienta do fronty. Následně nahrajete vytvořený formulář na libovolný hosting podporující protokol **HTTPS** a přidáte odkaz na formulář do administračního rozhraní. Opět doporučujeme vytvářet vstupní formulář pomocí webové aplikace codepen.io kvůli jednoduchosti a přehlednosti. Začít můžete kliknutím na [tento odkaz](https://codepen.io/pen?template=KXZyGp). Editor kódu, který používáme je propojený s [bootstrap frameworkem](https://getbootstrap.com/docs/4.0/components/forms/) a s malou library [simplebar](https://github.com/Grsmto/simplebar), kvůli těžkostem se scrollováním iframe na systémech iOS. ### Jak bude formulář vypadat Přímý odkaz pro vložení tohoto formuláře do administrace aplikace Mluvii: ### HTML Oproti základnímu formuláři se tento formulář skládá ze dvou slidů - klasický formulář s údaji a výběr oddělení. Slidy jsou vytvořeny pomocí library [Swipper](http://idangero.us/swiper/). První dva div tagy (a na ně napojené css a javascript) slouží k zobrazení vlastních scrollbarů pro lepší user experience na mobilních zařízeních. ### CSS Styling Většina CSS je již zajištěna pomocí Bootstrapu a Swipperu. ### JavaScript kód Informace o zvoleném oddělení je posílaná spolu s dalšími údaji z formuláře ve funkci volané při submitu formuláře jako custom proměnná "department". Úplné možnosti API formuláře naleznete v obecném návodu na tvorbu výstupního formuláře. ### Nahrání formuláře na libovolný hosting Pokud jste pro tvorbu formuláře využili codepen.io, nejdříve klikněte na tlačítko **Save**, poté exportujte v **.zip** formátu. Tím máte připravený formulář, nyní je potřeba nahrát formulář na internet, abychom na něj mohli odkazovat z administračního rozhraní. V našem případě využijeme GitHub stránky. Bližší informace naleznete [zde](https://pages.github.com/). V případě, že využijete jiný nástroj než codepen.io bude kód formuláře vypadat takto. ```html
Vyberte prosím oddělení, se kterým se chcete spojit
``` ### Vložení odkazu do administrace aplikace mluvii Vytvořili jste vstupní formulář pomocí codepen.io. Ten jste exportovali na Váš počítač. Exportované složky jste nahráli do GitHub repozitáře a poté zapnuli GitHub stránky. Tím jste získali odkaz na náš formulář, který vložíte do administračního rozhraní. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.mluvii.com/pro-it-specialisty/customizace/vlastni-formulare/vlastni-vstupni-formulare/s-volbou-oddeleni.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.