Editor motivů

Úvod

Motiv průzkumu určuje, jak váš průzkum vypadá pro respondenty: rozvržení stránky, barvy, písma, loga a styl každé otázky. Motivy jsou vytvořeny pomocí šablon Twig, CSS a JavaScriptu a jako CSS framework používají Bootstrap 5.

Mnoho běžných změn nevyžaduje žádný kód. Logo, barvy, písma a několik nastavení zobrazení lze změnit pomocí možností motivu. Editor motivů popsaný na této stránce použijte, pokud chcete jít dál: přidat vlastní CSS nebo JavaScript, upravit HTML stránky nebo nahrát obrázky a další soubory pro svůj motiv.

LimeSurvey obsahuje tyto základní motivy průzkumů:

• Fruity TwentyThree (fruity_twentythree): Výchozí motiv.
• Bootstrap Vanilla (vanilla): Jednoduchý základní motiv pro vývojáře, kteří chtějí vytvořit vlastní motiv založený na Bootstrapu.
• Fruity (fruity) a Bootswatch (bootswatch): Oba rozšiřují Bootstrap Vanilla.

Vzhled jednotlivých typů otázek určují motivy otázek, nikoli motiv průzkumu. Chcete-li změnit HTML typu otázky, vytvořte motiv otázky.

Než začnete

Pro použití editoru motivů potřebujete globální oprávnění Motivy (viz globální oprávnění) nebo musíte být superadministrátor. Rozšíření motivu vyžaduje právo Vytvořit, uložení změn právo Změnit a odstranění motivu nebo vyčištění souboru právo Odstranit.

  Motiv s chybami může znefunkčnit každý průzkum, který jej používá. Než motiv použijete v ostrém průzkumu, otestujte změny pomocí náhledu průzkumu.

Základní motivy nelze upravovat: rozšiřte je

Základní motivy se aktualizují společně s LimeSurvey, proto je nelze měnit přímo. Chcete-li jeden z nich přizpůsobit, rozšiřte jej. Rozšířením vznikne nový uživatelský motiv, který zdědí vše od svého nadřazeného motivu. Váš motiv obsahuje pouze soubory, které změníte; vše ostatní se přebírá z nadřazeného motivu. Díky tomu váš motiv nadále získává opravy chyb a vylepšení, když LimeSurvey nadřazený motiv aktualizuje.

Motiv rozšíříte jedním z těchto způsobů:

• Přejděte do Konfigurace > Motivy, otevřete menu akcí (⋯) na konci řádku motivu a klikněte na Rozšířit, nebo
• otevřete motiv v editoru motivů a klikněte na Rozšířit na panelu nástrojů.

Zadejte název nového motivu. Editor motivů poté otevře váš nový motiv.

Kde jsou motivy uloženy

• Základní motivy: themes/survey/ ve vaší instalaci LimeSurvey.
• Uživatelské motivy (rozšířené, nahrané nebo importované motivy): upload/themes/survey/.

Soubory uživatelského motivu můžete upravovat také přímo na serveru ve svém vlastním editoru. Poté se ujistěte, že webový server může soubory stále číst i zapisovat, abyste mohli dál používat i editor motivů.

Editor motivů

Editor motivů otevřete tak, že přejdete do Konfigurace > Motivy, otevřete menu akcí (⋯) na konci řádku motivu a kliknete na Editor motivu.

Pokud otevřete základní motiv, zobrazí se upozornění, že jde o standardní motiv, a odkaz pro jeho rozšíření. Můžete si prohlédnout jeho soubory a náhled, ale nelze ukládat změny.

Panel nástrojů

• Exportovat: Stáhne motiv jako soubor ZIP.
• Rozšířit: Vytvoří nový motiv, který dědí z tohoto motivu (viz výše).
• Přejmenovat: Přejmenuje motiv. K dispozici pouze pro uživatelské motivy.
• Odstranit: Odstraní motiv. Motiv nastavený jako výchozí nelze odstranit.
• Motiv: Přepne editor motivů na jiný motiv.
• Obrazovka: Vybere, která stránka průzkumu se zobrazí v náhledu a které soubory jsou uvedeny k úpravě. K dispozici jsou obrazovky: Otázka, Seznam průzkumů, Uvítání, Dokončeno, Hodnocení, Chyba, Smazat vše, Načíst, Uložit, Registrace, Tisk odpovědí, Veřejná statistika, PDF, Kvóty překročeny, Navigace a Respondent.

Úprava souborů

Panely vpravo uvádějí soubory používané vybranou obrazovkou:

• Soubory částí obrazovky: Šablony Twig, které vytvářejí stránku.
• Soubory JavaScriptu
• Soubory CSS
• Jiné soubory: Obrázky, písma a všechny další soubory motivu.

Kliknutím na jméno souboru jej otevřete v editoru. Soubory označené Zděděno pocházejí z nadřazeného motivu. Zděděný soubor můžete přesto upravit: tlačítko pod editorem pak zní Kopírovat do lokálního motivu a uložit změny a uložení zkopíruje soubor do vašeho motivu i s vašimi změnami. Od té chvíle se místo souboru z nadřazeného motivu používá vaše kopie.

Soubory, které patří vašemu motivu, mají tlačítko Vyčistit. Vyčištění odstraní vaši kopii, takže se znovu použije soubor z nadřazeného motivu.

Nahrávání souborů

Pomocí pole pro nahrání ve spodní části panelu Jiné soubory můžete do motivu přidat obrázky, písma nebo jiné soubory. Nahrané soubory se ukládají do složky files/ motivu. Ve výchozím nastavení můžete nahrávat obrázky (gif, ico, jpg, jpeg, png) a tyto typy souborů: css, js, map, json, eot, otf, ttf, woff, woff2, txt, md, xml, twig, lss, lsa, lsq a lsg. Váš administrátor může tyto seznamy změnit pomocí nastavení allowedthemeimageformats a allowedthemeuploads v souboru config.php.

Chcete-li v souboru Twig zobrazit nahraný obrázek, použijte funkci image():

{{ image('./files/myfile.png', 'Alternative text for the picture', {"class": "myclass"}) }}

V souborech CSS odkazujte na nahrané soubory cestou relativní ke složce css, například url('../files/background.jpg').

Náhled

Pod editorem se zobrazuje náhled vybrané obrazovky s ukázkovým obsahem. Pomocí tlačítek Mobil, 640x480, 800x600, 1024x768 a Úplný můžete zkontrolovat stránku při různých velikostech obrazovky.

Náhled používá ukázková data a nemusí zobrazit každý styl přesně tak, jak by vypadal ve skutečném průzkumu. Své změny vždy zkontrolujte také v náhledu skutečného průzkumu.

Import a export motivů

• Chcete-li přenést motiv do jiné instalace LimeSurvey, klikněte na panelu nástrojů editoru motivu na Exportovat. Motiv se stáhne jako soubor ZIP.
• Chcete-li nainstalovat motiv ze souboru ZIP, přejděte do Konfigurace > Motivy a klikněte na Nahrát a nainstalovat.

Jak je motiv sestaven

Složka motivu

Složka motivu obsahuje:

• config.xml: Manifest motivu: název, nadřazený motiv, soubory CSS a JavaScriptu, možnosti motivu a obrazovky zobrazené v editoru motivu.
• views/: Šablony Twig. layout_global.twig je hlavní rozvržení pro většinu stránek průzkumu. Další rozvržení se používají pro speciální stránky, například layout_survey_list.twig pro veřejný seznam průzkumů a layout_errors.twig pro chybové stránky. Složka views/subviews/ obsahuje menší šablony, které rozvržení zahrnují.
• css/ a scripts/: Soubory CSS a JavaScriptu motivu.
• files/: Obrázky a další soubory používané motivem.
• options/: Stránka s možnostmi motivu.

Šablony Twig

Šablony dostávají data průzkumu v proměnné aSurveyInfo. Chcete-li zobrazit celý její obsah, zapněte režim ladění v application/config/config.php a přidejte tento řádek na konec elementu body v souboru layout_global.twig:

{{ dump(aSurveyInfo) }}

Funkce, které můžete v šablonách používat, najdete v části Dostupné funkce Twig. Z bezpečnostních důvodů se šablony spouštějí v izolovaném prostředí (sandboxu), takže jsou k dispozici pouze tyto funkce.

config.xml

Sekce <files> uvádí soubory CSS a JavaScriptu, které se načítají na stránkách průzkumu:

• <add> přidá soubor. Pokud nadřazený motiv již obsahuje soubor se stejným názvem, váš soubor jej nahradí.
• <remove> zabrání načtení souboru nadřazeného motivu.

Soubory z nadřazeného motivu nemusíte uvádět znovu: načtou se i tak.

LimeSurvey čte soubor config.xml při instalaci motivu a ukládá nastavení do databáze. Po změně souboru config.xml nainstalovaného motivu přejděte do Konfigurace > Motivy, otevřete nabídku akcí (⋯) motivu a kliknutím na Vyčistit soubor znovu načtěte.

Přidání vlastního CSS a JavaScriptu

Každý základní motiv má dva soubory vyhrazené pro váš vlastní kód:

• css/custom.css: Načítá se po všech ostatních souborech CSS, takže jeho pravidla přepisují styly motivu.
• scripts/custom.js: Načítá se po vlastním JavaScriptu motivu.

Když rozšíříte motiv, tyto soubory byste měli upravovat. Své CSS přidávejte do souboru custom.css místo úprav hlavních souborů CSS motivu, aby váš motiv nadále dostával aktualizace nadřazeného motivu.

Chcete-li přidat další soubory, nahrajte je a uveďte je v sekci <files> v souboru config.xml svého motivu. Použijte název souboru, který v nadřazeném motivu neexistuje, jinak váš soubor nahradí soubor nadřazeného motivu:

<files>
    <css>
        <add>css/my-styles.css</add>
    </css>
    <js>
        <add>scripts/my-script.js</add>
    </js>
</files>

Stránky průzkumu se standardně načítají pomocí Ajaxu, takže prohlížeč při přechodu respondenta na další stránku nenačítá celou stránku znovu. Spouštějte svůj JavaScript při prvním načtení stránky i při každém načtení stránky přes Ajax:

$(document).on('ready pjax:scriptcomplete', function () {
    // Your code here
});

Stylování otázek pomocí CSS

Všechny příklady v této části patří do souboru custom.css vašeho motivu.

Třídy stránky

Elementy <html> a <body> obsahují třídy, které můžete použít ke stylování celých stránek:

• html: Kód jazyka (například en) a směr textu (dir-ltr nebo dir-rtl).
• body: Název motivu a každého nadřazeného motivu (například fruity_twentythree), písmo (například font-ibm-sans), jazyk (například lang-en) a brand-logo, pokud se zobrazuje logo.

Třídy kontejneru otázky

Každá otázka je obalena elementem s třídou question-container. Obsahuje také:

• Třídu typu otázky (viz tabulka níže).
• mandatory: Otázka je povinná nebo měkce povinná.
• input-error: Odpověď neprošla ověřením nebo na povinnou otázku nebylo odpovězeno.
• missing: Otázka stále obsahuje nezodpovězené části a respondent již přešel dál.
• ls-hidden a ls-irrelevant: Otázka je skryta svou podmínkou.
• ls-hidden-attribute: Otázka je skryta nastavením „Vždy skryje tuto otázku“.
• Libovolné třídy zadané v nastavení otázky Třídy CSS (v části Zobrazit). Pomocí nich můžete stylovat jednotlivé otázky.

Například povinná otázka typu Přepínačový seznam, na kterou nebylo odpovězeno:

<div id="question123" class="row list-radio mandatory input-error question-container">
    ...
</div>

Třídy typů otázek

Typ otázky	Třída	Kód typu
Výběr z 5 možností	.choice-5-pt-radio	5
Pole	.array-flexible-row	F
Pole (výběr z 5 možností)	.array-5-pt	A
Pole (výběr z 10 možností)	.array-10-pt	B
Pole (zvýšení, stejné, pokles)	.array-increase-same-decrease	E
Pole (Čísla)	.array-multi-flexi	:
Pole (Text)	.array-multi-flexi-text	;
Pole (Ano/Nejisté/Ne)	.array-yes-uncertain-no	C
Pole po sloupcích	.array-flexible-column	H
Pole s dvojí škálou	.array-flexible-dual-scale	1
Datum/čas	.date	D
Rovnice	.equation	*
Načtení souboru	.upload-files	|
Pohlaví	.gender	G
Textové pole (rozsáhlé)	.text-huge	U
Přepínač jazyka	.language	I
Rozbalovací seznam	.list-dropdown	!
Přepínačový seznam	.list-radio	L
Seznam s komentářem	.list-with-comment	O
Dlouhý text	.text-long	T
Vícenásobné možnosti	.multiple-opt	M
Vícenásobné možnosti s komentáři	.multiple-opt-comments	P
Vícenásobný číselný vstup	.numeric-multi	K
Vícenásobné krátké texty	.multiple-short-txt	Q
Číselný vstup	.numeric	N
Pořadí	.ranking	R
Krátký text	.text-short	S
Zobrazení textu	.boilerplate	X
Ano/Ne	.yes-no	Y

Třídy pro části otázky

Uvnitř kontejneru otázky používá oblast odpovědí tyto třídy. Některé závisí na nastavení zobrazení otázky: například Pole (Čísla) používá jiné třídy, když místo rozbalovacích seznamů zobrazuje zaškrtávací políčka.

Třída	Použití	Používá (příklady)
.ls-answers	Prvek, který obsahuje všechny možnosti odpovědí	Všechny typy otázek
.answers-list	Seznam nebo řádek s možnostmi odpovědí	Přepínačový seznam, Vícenásobné možnosti, Pořadí, řádky většiny polí
.subquestion-list, .questions-list	Seznam nebo tabulka dílčích otázek	Pole, Vícenásobné krátké texty, Vícenásobný číselný vstup
.answer-item	Jedna možnost odpovědi nebo jeden vstup	Téměř všechny typy otázek
.noanswer-item	Možnost „Bez odpovědi“	Pole, Výběr z 5 možností, Seznam s komentářem
.question-item	Dílčí otázka, která je zároveň odpovědí	Vícenásobné možnosti, Vícenásobné krátké texty, Vícenásobný číselný vstup
.radio-list	Seznam nebo řádek přepínačů	Přepínačový seznam, Výběr z 5 možností, Seznam s komentářem, řádky polí s přepínači
.radio-array	Tabulka přepínačů	Pole, Pole (výběr z 5 možností), Pole (výběr z 10 možností), Pole (zvýšení, stejné, pokles), Pole (Ano/Nejisté/Ne)
.radio-item	Jeden přepínač se svým popiskem	Přepínačový seznam, Výběr z 5 možností, Seznam s komentářem, pole s přepínači
.checkbox-list	Seznam zaškrtávacích polí	Vícenásobné možnosti, Vícenásobné možnosti s komentáři
.checkbox-array	Tabulka zaškrtávacích polí	Pole (Čísla) s rozvržením se zaškrtávacími poli
.checkbox-item	Jedno zaškrtávací pole se svým popiskem	Vícenásobné možnosti, Vícenásobné možnosti s komentáři, Pole (Čísla) s rozvržením se zaškrtávacími poli
.checkbox-text-item	Zaškrtávací pole s textovým polem	Vícenásobné možnosti s komentáři
.comment-item	Pole pro komentář vedle zaškrtávacího pole	Vícenásobné možnosti s komentáři
.text-list	Seznam textových vstupů	Vícenásobné krátké texty, Vícenásobný číselný vstup
.text-item	Jeden textový vstup	Krátký, dlouhý a rozsáhlý text, Vícenásobné krátké texty, Pole (Text)
.number-list, .numeric-item	Číselné vstupy	Vícenásobný číselný vstup, Číselný vstup
.number-array	Tabulka číselných vstupů	Pole (Čísla), Pole (Text)
.text-array	Tabulka textových vstupů	Pole (Text), Pole (Čísla)
.dropdown-array, .dropdown-list, .dropdown-item	Tabulky, řádky a buňky s rozbalovacími seznamy	Pole (Čísla), Pole s dvojí škálou s rozbalovacími seznamy
.date-item	Vstup pro datum	Datum/čas
.upload-item	Oblast pro načtení souboru	Načtení souboru
.answertext	Text dílčí otázky v řádku pole	Pole
.col-answers	Sloupec s texty dílčích otázek	Pole
.ls-heading	Záhlaví s možnostmi odpovědí	Pole
.ls-odd, .ls-even	Střídavé řádky	Pole
.ls-label-xs-visibility	Popisek, který je viditelný pouze na malých obrazovkách a pro čtečky obrazovky	Buňky polí
.ls-input-group-extra	Prefix nebo suffix vstupu	Krátký text, Číselný vstup, Vícenásobné krátké texty, Vícenásobný číselný vstup
.ls-js-hidden	Skryto, pokud je JavaScript aktivní	Pole s dvojí škálou, Přepínačový seznam
.ls-no-js-hidden	Skryto, pokud JavaScript není aktivní	Pořadí
.ls-js-hidden-sr	Skryto, pokud je JavaScript aktivní, ale čtečky obrazovky to stále čtou	Pořadí

U otázky Přepínačový seznam má možnost „Bez odpovědi“ třídu no-anwser-item (s tímto pravopisem) místo noanswer-item.

Například takto vypadá HTML odpovědí otázky Přepínačový seznam:

<ul class="ls-answers answers-list radio-list list-unstyled" role="radiogroup">
    <li id="javatbdQ123_S456" class="answer-item radio-item">
        <input type="radio" value="A" name="Q123" id="answerQ123A">
        <label for="answerQ123A" class="control-label radio-label">Option A</label>
    </li>
    ...
</ul>

Třídy ověření a tipů

Tipy k ověření (například „Zvolte jednu z následujících odpovědí“ nebo „Zadejte prosím číslo mezi 1 a 10“) mají vždy třídu ls-em-tip. Zatímco respondent odpovídá, LimeSurvey přidává třídu ls-em-success, pokud je pravidlo tipu splněno, a ls-em-error, pokud splněno není, takže oba stavy můžete stylovat odlišně. Tipy skryté pomocí nastavení Skrýt tip u otázky dostanou třídu hide-tip.

Každý tip má také třídu podle svého typu:

Třída	Tip
.em_default	Výchozí tip typu otázky (například „Zvolte jednu z následujících odpovědí“)
.em_num_answers	Minimální nebo maximální počet odpovědí
.em_value_range	Minimální nebo maximální hodnota
.em_sum_range	Minimální nebo maximální součet hodnot
.em_sum_equals	Hodnoty se musí sčítat na zadanou celkovou hodnotu
.em_value_integer	Jsou povolena pouze celá čísla
.em_numbers_only	Jsou povolena pouze čísla
.em_other_numbers_only	V poli „Jiné“ jsou povolena pouze čísla
.em_other_comment_mandatory	Je vybrána možnost „Jiné“, ale její textové pole je prázdné
.em_regex_validation	Odpověď musí odpovídat vzoru pro ověření
.em_q_fn_validation	Rovnice k ověření otázky
.em_sq_fn_validation	Validační rovnice podotázky

Jazyky psané zprava doleva (RTL)

U jazyků psaných zprava doleva má prvek <html> třídu dir-rtl a základní motivy načítají RTL verzi svého hlavního souboru CSS. Pro pravidla, která se mají použít pouze u jazyků psaných zprava doleva, použijte ve svém CSS .dir-rtl.

Tipy a triky

Tyto postupy patří do souboru custom.css (nebo do souboru Twig, pokud je to uvedeno) motivu, který jste vytvořili rozšířením základního motivu. V příkladech nahraďte #c0392b vlastní barvou.

Změna barvy přepínačů a zaškrtávacích polí

Chcete-li použít některou z barev dodávaných s motivem Fruity TwentyThree, vyberte v možnostech motivu Barvu motivu. V možnostech motivu můžete také zvolit jinou položku Vybrat ikonu.

Pro jakoukoli jinou barvu přidejte CSS do souboru custom.css. Základní motivy vykreslují vlastní přepínače a zaškrtávací pole namísto výchozích prvků prohlížeče, takže změna barvy znamená změnu těchto vykreslených prvků.

Fruity TwentyThree:

.radio-item input[type=radio]:checked + label::before,
.checkbox-item input[type=checkbox]:checked + label::before {
    border-color: #c0392b;
}
.radio-item input[type=radio]:checked + label::after {
    background-color: #c0392b;
}
.checkbox-item input[type=checkbox]:checked + label::after {
    color: #c0392b;
}
/* The text of the selected answer */
.radio-item input[type=radio]:checked + label,
.checkbox-item input[type=checkbox]:checked + label {
    color: #c0392b;
}

Bootstrap Vanilla, Fruity a Bootswatch:

.radio-item input[type=radio]:checked + label::after {
    background-color: #c0392b;
}
.checkbox-item input[type=checkbox]:checked + label::after {
    background-color: #c0392b;
    border-color: #c0392b;
    color: #ffffff;
}

Zachovejte dostatečný kontrast mezi barvou a pozadím, aby respondenti se zhoršeným zrakem stále poznali, které odpovědi jsou vybrány.

Zvětšení přepínačů a zaškrtávacích polí

Větší přepínače a zaškrtávací pole se na telefonech a tabletech snáze ťukají. Funguje to ve všech základních motivech:

.radio-item label::before,
.radio-item label::after,
.checkbox-item label::before,
.checkbox-item label::after {
    scale: 1.3;
}

V motivu Fruity TwentyThree přidejte také trochu místa mezi přepínače a text odpovědi:

.radio-item label {
    padding-left: 14px;
}

Hodnoty do přibližně 1,4 fungují bez dalších úprav. U větších hodnot se ovládací prvky na malých obrazovkách začnou překrývat s textem odpovědi a okraji řádků polí, proto je třeba kolem nich přidat více místa.

Změna barvy indikátoru průběhu

.progress-bar {
    background-color: #c0392b;
}

Zobrazení obsahu pouze v jednom jazyce

Prvek <body> má třídu s aktuálním jazykem, například lang-en nebo lang-fr. Můžete ji použít k zobrazení různého obsahu podle jazyka, například řádku s nápovědou v zápatí. Přidejte text pro každý jazyk do souboru Twig svého motivu, například subviews/footer/footer.twig:

<div class="help-fr" lang="fr">Pour de l'aide, appelez le 000000</div>
<div class="help-en" lang="en">For help, please call 000000</div>

Poté skryjte text v ostatních jazycích v souboru custom.css:

body:not(.lang-fr) .help-fr,
body:not(.lang-en) .help-en {
    display: none;
}

Použití jiného loga pro každý průzkum

Pro každé logo nepotřebujete samostatný motiv. Možnosti motivu lze nastavit pro jednotlivý průzkum: otevřete průzkum, v menu Nastavení průzkumu klikněte na Možnosti motivu a vyberte jiný Soubor s logem. Viz Možnosti motivu.

Zobrazení vlastní ikony favicon

Favicon je malá ikona zobrazená na kartě prohlížeče a v záložkách. Základní motivy zobrazují soubor files/favicon.ico daného motivu. Chcete-li použít vlastní ikonu, pojmenujte ji favicon.ico a nahrajte ji v panelu Jiné soubory svého rozšířeného motivu. Nahradí tak ikonu nadřazeného motivu.

Vycentrování loga v motivu Fruity TwentyThree

Zapněte v možnostech motivu položku Logo a poté přidejte do souboru custom.css následující kód:

#survey-nav .container-fluid {
    position: relative;
}
#survey-nav .logo-container {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

Přidání vlastního loga do veřejného seznamu průzkumů

Veřejný seznam průzkumů ve výchozím nastavení zobrazuje logo LimeSurvey. Chcete-li zobrazit vlastní logo:

1. Rozšiřte motiv Fruity TwentyThree a otevřete svůj motiv v editoru motivu.
2. Nahrajte své logo v panelu Jiné soubory.
3. Vyberte obrazovku Seznam průzkumů a otevřete soubor layout_survey_list.twig.
4. Najděte prvek <div>, který obsahuje {{ include('./ls_logo_svg.twig') }}. Celý tento prvek <div> včetně řádku s include nahraďte kódem uvedeným pod těmito kroky.
5. Klikněte na Kopírovat do lokálního motivu a uložit změny.
6. Přejděte do Konfigurace > Globální nastavení > Obecné a vyberte svůj motiv jako Motiv pro veřejný seznam průzkumů a chybové stránky.

Použijte název svého nahraného souboru a název své organizace jako alternativní text:

{{ image('./files/mylogo.png', 'Name of your organisation', {"class": "img-fluid mx-auto d-block"}) }}

Přidání oddělovací čáry do polí s dvojí škálou

Chcete-li nakreslit svislou čáru mezi dvě škály otázky typu Pole s dvojí škálou:

.array-flexible-dual-scale .header_separator,
.array-flexible-dual-scale .dual_scale_separator {
    border-right: 1px solid #00a8e1;
}

JavaScript v otázkách

Chcete-li spustit JavaScript na všech stránkách svých průzkumů, vložte jej do souboru custom.js svého motivu (viz výše).

Skript můžete přidat také do textu jedné otázky nebo skupiny. LimeSurvey z těchto textů skripty odstraňuje, pokud není pro vašeho uživatele vypnutý filtr XSS. Filtr se nikdy nevztahuje na superadministrátory. U ostatních uživatelů musí být HTML filtr pro XSS vypnutý v části Konfigurace > Globální nastavení > Bezpečnost. Činte tak pouze v případě, že důvěřujete všem, kdo mohou upravovat průzkumy. Podrobnosti a příklady naleznete v článku Workarounds: Manipulating a survey at runtime using Javascript.