# Hodnocení pomocí smajlíků K vytvoření tohoto výstupního formuláře musíte splnit několik kroků, obdobně jako u tvorby základního výstupního formuláře: Vytvořit HTML dokument, přidat CSS styly a pomocí „JavaScript metod“ zajistit funkčnost ratingu a posílání dat z formuláře. Následně je nutné formulář nahrát na libovolný hosting podporující protokol **HTTPS** a přidat odkaz na formulář do administračního rozhraní aplikace Mluvii. Doporučujeme vytvářet výstupní 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), kde je již přednastaven ui framework [Bootstrap](https://getbootstrap.com/docs/4.0/components/forms/) s malou library [simplebar](https://github.com/Grsmto/simplebar), kvůli těžkostem se scrollováním iframe na systémech iOS. Na konci tohoto návodu můžete nalézt kompletní kód výstupního formuláře. #### Jak bude formulář vypadat Přímý odkaz pro vložení formuláře do administrace aplikace Mluvii: #### HTML HTML kód obsahuje elementy svg obrazců smajlíků a ostatní input elementy. 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 #### JavaScript kód Javascript kód formuláře zajištuje animace smajlíků a odeslání dat z formuláře do aplikace Mluvii. Úplné možnosti API formuláře naleznete v obecném návodu na tvorbu výstupního formuláře. ### Nahrát vytvořený formulář na libovolný hosting V případě, že jste formulář vytvořili přes službu codepen.io, nejdříve klikněte na tlačítko **Save**, poté exportujte v **.zip** formátu (viz návod níže). Tím máme připravený formulář. Nyní je potřeba nahrát formulář na internet, abychom na něho 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

``` #### 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 pádem máte 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-vystupni-formulare/hodnoceni-pomoci-smajliku.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.