Editor tém

Úvod

Motív prieskumu určuje, ako váš prieskum vyzerá pre respondentov: rozloženie stránky, farby, písma, logá a štýl každej otázky. Motívy sú vytvorené pomocou šablón Twig, CSS a JavaScriptu a ako CSS framework používajú Bootstrap 5.

Mnohé bežné zmeny nevyžadujú žiadny kód. Logo, farby, písma a niektoré nastavenia zobrazenia možno zmeniť pomocou možností témy. Editor tém popísaný na tejto stránke použite, keď chcete ísť ďalej: pridať vlastný CSS alebo JavaScript, zmeniť HTML stránky alebo nahrať obrázky a ďalšie súbory pre svoj motív.

LimeSurvey obsahuje tieto hlavné motívy prieskumu:

• Fruity TwentyThree (fruity_twentythree): Predvolený motív.
• Bootstrap Vanilla (vanilla): Jednoduchý základný motív pre vývojárov, ktorí chcú vytvoriť vlastný motív založený na Bootstrape.
• Fruity (fruity) a Bootswatch (bootswatch): Oba rozširujú Bootstrap Vanilla.

Vzhľad jednotlivých typov otázok je určený motívmi otázok, nie motívom prieskumu. Ak chcete zmeniť HTML typu otázky, vytvorte motív otázky.

Skôr než začnete

Na používanie editora tém potrebujete globálne povolenie Témy (pozrite globálne povolenia) alebo musíte byť superadministrátor. Rozšírenie motívu vyžaduje právo Vytvoriť, uloženie zmien vyžaduje Aktualizuj a odstránenie motívu alebo obnovenie súboru vyžaduje Vymazať.

  Motív s chybami môže spôsobiť, že každý prieskum, ktorý ho používa, bude nepoužiteľný. Pred použitím motívu v ostrom prieskume otestujte svoje zmeny pomocou náhľadu prieskumu.

Hlavné motívy nemožno upravovať: rozšírte ich

Hlavné motívy sa aktualizujú spolu s LimeSurvey, takže ich nemôžete meniť priamo. Ak chcete niektorý prispôsobiť, rozšírte ho. Rozšírením sa vytvorí nový motív používateľa, ktorý zdedí všetko od nadradeného motívu. Váš motív obsahuje iba súbory, ktoré zmeníte; všetko ostatné sa preberá z nadradeného motívu. Vďaka tomu váš motív aj naďalej získava opravy chýb a vylepšenia, keď LimeSurvey aktualizuje nadradený motív.

Motív rozšírite jedným z týchto spôsobov:

• Prejdite do Konfigurácia > Témy, otvorte ponuku akcií (⋯) na konci riadka motívu a kliknite na Rozšíriť, alebo
• Otvorte motív v editore tém a na paneli nástrojov kliknite na Rozšíriť.

Zadajte názov nového motívu. Editor tém potom otvorí váš nový motív.

Kde sú motívy uložené

• Hlavné motívy: themes/survey/ vo vašej inštalácii LimeSurvey.
• Motívy používateľa (rozšírené, nahrané alebo importované motívy): upload/themes/survey/.

Súbory motívu používateľa môžete upravovať aj priamo na serveri vo vlastnom editore. Uistite sa, že webový server môže súbory potom stále čítať a zapisovať, aby ste mohli naďalej používať aj editor tém.

Editor tém

Editor tém otvoríte tak, že prejdete do Konfigurácia > Témy, otvoríte ponuku akcií (⋯) na konci riadka motívu a kliknete na Editor tém.

Ak otvoríte hlavný motív, zobrazí sa poznámka, že ide o štandardný motív, s odkazom na jeho rozšírenie. Môžete si prezrieť jeho súbory a náhľad, ale nemôžete ukladať zmeny.

Panel nástrojov

• Export: Stiahne motív ako súbor ZIP.
• Rozšíriť: Vytvorí nový motív, ktorý zdedí od tohto (pozrite vyššie).
• Premenovať: Premenuje motív. Dostupné iba pre motívy používateľa.
• Vymazať: Odstráni motív. Nemôžete odstrániť motív, ktorý je nastavený ako predvolený.
• Téma: Prepne editor tém na iný motív.
• Obrazovka: Vyberie, ktorá stránka prieskumu sa zobrazí v náhľade a ktoré súbory sú uvedené na úpravu. Obrazovky sú: Otázka, Zoznam prieskumov, Uvítanie, Dokončené, Hodnotenia, Chyba, Zmazať všetko, Načítať, Uložiť, Registrácia, Vytlačiť odpovede, Verejné štatistiky, PDF, Kvóty prekročené, Navigácia a Respondent.

Úprava súborov

Panely vpravo zobrazujú súbory používané vybranou obrazovkou:

• Súbory častí obrazovky: Šablóny Twig, ktoré vytvárajú stránku.
• JavaScript súbory
• CSS súbory
• Iné súbory: Obrázky, písma a všetky ďalšie súbory motívu.

Kliknutím na názov súboru ho otvoríte v editore. Súbory označené Zdedené pochádzajú z nadradeného motívu. Zdedený súbor môžete aj tak upraviť: tlačidlo pod editorom potom znie Skopírovať do lokálného motívu a uložiť zmeny a uložením sa súbor skopíruje do vášho motívu s vašimi zmenami. Odvtedy sa namiesto súboru nadradeného motívu používa vaša kópia.

Súbory, ktoré patria vášmu motívu, majú tlačidlo Obnoviť. Obnovenie odstráni vašu kópiu, takže sa znova použije súbor z nadradeného motívu.

Nahrávanie súborov

Pomocou poľa na nahrávanie v dolnej časti panela Iné súbory pridáte do svojho motívu obrázky, písma alebo iné súbory. Nahrané súbory sa ukladajú do priečinka files/ motívu. Predvolene môžete nahrávať obrázky (gif, ico, jpg, jpeg, png) a tieto typy súborov: css, js, map, json, eot, otf, ttf, woff, woff2, txt, md, xml, twig, lss, lsa, lsq a lsg. Váš správca môže tieto zoznamy zmeniť pomocou nastavení allowedthemeimageformats a allowedthemeuploads v súbore config.php.

Ak chcete v súbore Twig zobraziť nahraný obrázok, použite funkciu image():

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

V súboroch CSS odkazujte na nahrané súbory cestou relatívnou k priečinku css, napríklad url('../files/background.jpg').

Náhľad

Pod editorom sa nachádza náhľad vybranej obrazovky s ukážkovým obsahom. Pomocou tlačidiel Mobilné, 640x480, 800x600, 1024x768 a Plný môžete skontrolovať stránku pri rôznych veľkostiach obrazovky.

Náhľad používa ukážkové údaje a nemusí presne zobraziť každý štýl tak, ako ho zobrazí skutočný prieskum. Svoje zmeny vždy skontrolujte aj v skutočnom náhľade prieskumu.

Import a export motívov

• Ak chcete presunúť motív do inej inštalácie LimeSurvey, kliknite na Exportovať na paneli nástrojov editora tém. Motív sa stiahne ako súbor ZIP.
• Ak chcete nainštalovať motív zo súboru ZIP, prejdite do Konfigurácia > Témy a kliknite na Nahrať a nainštalovať.

Ako je motív postavený

Priečinok motívu

Priečinok motívu obsahuje:

• config.xml: Manifest motívu: názov, nadradený motív, súbory CSS a JavaScript, možnosti motívu a obrazovky zobrazené v editore tém.
• views/: Šablóny Twig. layout_global.twig je hlavné rozloženie väčšiny stránok prieskumu. Ďalšie rozloženia sa používajú pre špeciálne stránky, napríklad layout_survey_list.twig pre verejný zoznam prieskumov a layout_errors.twig pre chybové stránky. Priečinok views/subviews/ obsahuje menšie šablóny, ktoré rozloženia zahŕňajú.
• css/ a scripts/: Súbory CSS a JavaScript motívu.
• files/: Obrázky a ďalšie súbory používané motívom.
• options/: Stránka pre možnosti motívu.

Šablóny Twig

Šablóny dostávajú údaje prieskumu v premennej aSurveyInfo. Ak chcete vidieť všetko, čo obsahuje, zapnite režim ladenia v application/config/config.php a pridajte tento riadok na koniec prvku body v súbore layout_global.twig:

{{ dump(aSurveyInfo) }}

Funkcie, ktoré môžete v šablónach používať, nájdete v časti Dostupné funkcie Twig. Z bezpečnostných dôvodov sa šablóny spúšťajú v izolovanom prostredí (sandbox), preto sú k dispozícii iba tieto funkcie.

config.xml

Sekcia <files> uvádza súbory CSS a JavaScript, ktoré sa načítavajú na stránkach prieskumu:

• <add> pridá súbor. Ak nadradený motív už obsahuje súbor s rovnakým názvom, váš súbor ho nahradí.
• <remove> zabráni načítaniu súboru nadradeného motívu.

Súbory z nadradeného motívu nemusíte uvádzať znova: načítajú sa aj tak.

LimeSurvey číta config.xml pri inštalácii motívu a ukladá nastavenia do databázy. Po zmene súboru config.xml nainštalovaného motívu prejdite do Konfigurácia > Témy, otvorte ponuku akcií (⋯) motívu a kliknutím na Reset súbor znova načítajte.

Pridanie vlastného CSS a JavaScriptu

Každý hlavný motív má dva súbory vyhradené pre váš vlastný kód:

• css/custom.css: Načítava sa po všetkých ostatných súboroch CSS, takže jeho pravidlá prepisujú štýly motívu.
• scripts/custom.js: Načítava sa po vlastnom JavaScripte motívu.

Keď rozširujete motív, práve tieto súbory upravujete. Svoje CSS pridajte do súboru custom.css namiesto úpravy hlavných súborov CSS motívu, aby váš motív naďalej dostával aktualizácie nadradeného motívu.

Ak chcete pridať ďalšie súbory, nahrajte ich a uveďte ich v sekcii <files> súboru config.xml vášho motívu. Použite názov súboru, ktorý v nadradenom motíve neexistuje, inak váš súbor nahradí súbor nadradeného motívu:

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

Stránky prieskumu sa predvolene načítavajú pomocou Ajaxu, takže prehliadač pri prechode respondenta na ďalšiu stránku nenačíta celú stránku znova. Spúšťajte svoj JavaScript pri prvom načítaní stránky aj pri každom načítaní stránky cez Ajax:

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

Štýlovanie otázok pomocou CSS

Všetky príklady v tejto časti patria do súboru custom.css vášho motívu.

Triedy stránky

Prvky <html> a <body> majú triedy, ktoré môžete použiť na štýlovanie celých stránok:

• html: Kód jazyka (napríklad en) a smer textu (dir-ltr alebo dir-rtl).
• body: Názov motívu a každého nadradeného motívu (napríklad fruity_twentythree), písmo (napríklad font-ibm-sans), jazyk (napríklad lang-en) a brand-logo, keď sa zobrazuje logo.

Triedy kontajnera otázky

Každá otázka je zabalená do prvku s triedou question-container. Ďalej má:

• Triedu typu otázky (pozrite tabuľku nižšie).
• mandatory: Otázka je povinná alebo mäkko povinná.
• input-error: Odpoveď neprešla validáciou alebo na povinnú otázku nebolo odpovedané.
• missing: Otázka má stále nezodpovedané časti a respondent ju už prešiel.
• ls-hidden a ls-irrelevant: Otázka je skrytá na základe svojej podmienky.
• ls-hidden-attribute: Otázka je skrytá nastavením „Vždy skryť túto otázku“.
• Všetky triedy zadané v nastavení otázky CSS trieda(-y) (v časti Zobraziť). Použite ich na štýlovanie jednotlivých otázok.

Napríklad povinná otázka Zoznam (Radio), na ktorú nebolo odpovedané:

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

Triedy typov otázok

Typ otázky	Trieda	Kód typu
5 možností	.choice-5-pt-radio	5
Pole	.array-flexible-row	F
Pole (výber z 5 bodov)	.array-5-pt	A
Pole (výber z 10 bodov)	.array-10-pt	B
Otázky so škálou (Nárast/Bez zmeny/Pokles)	.array-increase-same-decrease	E
Otázky s číselnou hodnotou z rozbaľovacieho poľa	.array-multi-flexi	:
Otázky s textovou odpoveďou	.array-multi-flexi-text	;
Pole (Áno/Neistý/Nie)	.array-yes-uncertain-no	C
Pole podľa stĺpcov	.array-flexible-column	H
Otázky s dvoma škálami	.array-flexible-dual-scale	1
Dátum/čas	.date	D
Rovnica	.equation	*
Nahrať súbor	.upload-files	|
Pohlavie	.gender	G
Rozsiahle textové pole	.text-huge	U
Prepínač jazyka	.language	I
Rozbaľovací zoznam	.list-dropdown	!
Zoznam (Radio)	.list-radio	L
Zoznam s komentárom	.list-with-comment	O
Dlhý text	.text-long	T
Možnosť výberu viacerých možností	.multiple-opt	M
Možnosť výberu viacerých možností s komentárom	.multiple-opt-comments	P
Viacnásobný číselný vstup	.numeric-multi	K
Viacnásobný krátky text	.multiple-short-txt	Q
Číselný vstup	.numeric	N
Poradie	.ranking	R
Krátky text	.text-short	S
Zobrazenie textu	.boilerplate	X
Áno/Nie	.yes-no	Y

Triedy pre časti otázky

Vnútri kontajnera otázky používa oblasť odpovedí tieto triedy. Niektoré závisia od nastavení zobrazenia otázky: napríklad Otázky s číselnou hodnotou z rozbaľovacieho poľa používajú iné triedy, keď zobrazujú začiarkavacie políčka namiesto rozbaľovacích zoznamov.

Trieda	Použitie	Používa sa v (príklady)
.ls-answers	Prvok, ktorý obsahuje všetky možnosti odpovede	Všetky typy otázok
.answers-list	Zoznam alebo riadok možností odpovede	Zoznam (Radio), Možnosť výberu viacerých možností, Poradie, riadky väčšiny polí
.subquestion-list, .questions-list	Zoznam alebo tabuľka podotázok	Polia, Viacnásobný krátky text, Viacnásobný číselný vstup
.answer-item	Jedna možnosť odpovede alebo jeden vstup	Takmer všetky typy otázok
.noanswer-item	Možnosť „Bez odpovede“	Polia, 5 možností, Zoznam s komentárom
.question-item	Podotázka, ktorá je zároveň odpoveďou	Možnosť výberu viacerých možností, Viacnásobný krátky text, Viacnásobný číselný vstup
.radio-list	Zoznam alebo riadok prepínačov (radio)	Zoznam (Radio), 5 možností, Zoznam s komentárom, riadky polí s prepínačmi
.radio-array	Tabuľka prepínačov (radio)	Pole, Pole (výber z 5 bodov), Pole (výber z 10 bodov), Otázky so škálou (Nárast/Bez zmeny/Pokles), Pole (Áno/Neviem/Nie)
.radio-item	Jeden prepínač (radio) s popisom	Zoznam (Radio), 5 možností, Zoznam s komentárom, polia s prepínačmi
.checkbox-list	Zoznam začiarkavacích políčok	Možnosť výberu viacerých možností, Možnosť výberu viacerých možností s komentárom
.checkbox-array	Tabuľka začiarkavacích políčok	Otázky s číselnou hodnotou z rozbaľovacieho poľa s podkladom pre kontrolné pole
.checkbox-item	Jedno začiarkavacie políčko s popisom	Možnosť výberu viacerých možností, Možnosť výberu viacerých možností s komentárom, Otázky s číselnou hodnotou z rozbaľovacieho poľa s podkladom pre kontrolné pole
.checkbox-text-item	Začiarkavacie políčko s textovým poľom	Možnosť výberu viacerých možností s komentárom
.comment-item	Pole komentára vedľa začiarkavacieho políčka	Možnosť výberu viacerých možností s komentárom
.text-list	Zoznam textových vstupov	Viacnásobný krátky text, Viacnásobný číselný vstup
.text-item	Jeden textový vstup	Krátky, dlhý a rozsiahly text, Viacnásobný krátky text, Otázky s textovou odpoveďou
.number-list, .numeric-item	Číselné vstupy	Viacnásobný číselný vstup, Číselný vstup
.number-array	Tabuľka číselných vstupov	Otázky s číselnou hodnotou z rozbaľovacieho poľa, Otázky s textovou odpoveďou
.text-array	Tabuľka textových vstupov	Otázky s textovou odpoveďou, Otázky s číselnou hodnotou z rozbaľovacieho poľa
.dropdown-array, .dropdown-list, .dropdown-item	Tabuľky, riadky a bunky s rozbaľovacími zoznamami	Otázky s číselnou hodnotou z rozbaľovacieho poľa, Otázky s dvoma škálami s rozbaľovacími zoznamami
.date-item	Vstup dátumu	Dátum/čas
.upload-item	Oblasť na nahrávanie súborov	Nahrať súbor
.answertext	Text podotázky v riadku poľa	Polia
.col-answers	Stĺpec s textami podotázok	Polia
.ls-heading	Hlavičkový riadok s možnosťami odpovede	Polia
.ls-odd, .ls-even	Striedajúce sa riadky	Polia
.ls-label-xs-visibility	Popis, ktorý je viditeľný iba na malých obrazovkách a pre čítačky obrazovky	Bunky polí
.ls-input-group-extra	Predpona alebo prípona vstupu	Krátky text, Číselný vstup, Viacnásobný krátky text, Viacnásobný číselný vstup
.ls-js-hidden	Skryté, keď je JavaScript aktívny	Otázky s dvoma škálami, Zoznam (Radio)
.ls-no-js-hidden	Skryté, keď JavaScript nie je aktívny	Poradie
.ls-js-hidden-sr	Skryté, keď je JavaScript aktívny, ale čítačky obrazovky ho stále čítajú	Poradie

V otázke Zoznam (Radio) má možnosť „Bez odpovede“ triedu no-anwser-item (s týmto pravopisom) namiesto noanswer-item.

Napríklad takto vyzerá HTML odpovedí otázky Zoznam (Radio):

<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>

Triedy validácie a tipov

Tipy k validácii (napríklad „Prosím, zvoľte iba jednu z možností“ alebo „Zadajte číslo od 1 do 10“) majú vždy triedu ls-em-tip. Kým respondent odpovedá, LimeSurvey pridá triedu ls-em-success, keď je pravidlo tipu splnené, a ls-em-error, keď nie je, takže môžete tieto dva stavy štýlovať rôzne. Tipy skryté pomocou nastavenia otázky Schovaj tip majú triedu hide-tip.

Každý tip má aj triedu podľa svojho typu:

Trieda	Tip
.em_default	Predvolený tip typu otázky (napríklad „Prosím, zvoľte iba jednu z možností“)
.em_num_answers	Minimálny alebo maximálny počet odpovedí
.em_value_range	Minimálna alebo maximálna hodnota
.em_sum_range	Minimálny alebo maximálny súčet hodnôt
.em_sum_equals	Súčet hodnôt musí byť rovný zadanej sume
.em_value_integer	Sú povolené iba celé čísla
.em_numbers_only	Sú povolené iba čísla
.em_other_numbers_only	V poli „Iné“ sú povolené iba čísla
.em_other_comment_mandatory	Možnosť „Iné“ je vybraná, ale jej textové pole je prázdne
.em_regex_validation	Odpoveď musí zodpovedať validačnému vzoru
.em_q_fn_validation	Rovnica na overenie otázky
.em_sq_fn_validation	Rovnica overenia podotázky

Jazyky písané sprava doľava (RTL)

Pre jazyky písané sprava doľava má prvok <html> triedu dir-rtl a hlavné motívy načítajú RTL verziu svojho hlavného súboru CSS. Triedu .dir-rtl použite vo svojom CSS pre pravidlá, ktoré platia iba pre jazyky písané sprava doľava.

Tipy a triky

Tieto postupy patria do súboru custom.css (alebo do súboru Twig, ak je to uvedené) motívu, ktorý ste vytvorili rozšírením hlavného motívu. V príkladoch nahraďte #c0392b vlastnou farbou.

Zmena farby prepínačov (radio) a začiarkavacích políčok

Ak chcete použiť jednu z farieb, ktoré sú súčasťou motívu Fruity TwentyThree, vyberte Farba motíva v možnostiach témy. V možnostiach témy si môžete zvoliť aj inú Ikona začiarknutia.

Pre akúkoľvek inú farbu pridajte CSS do súboru custom.css. Hlavné motívy kreslia vlastné prepínače (radio) a začiarkavacie políčka namiesto predvolených prvkov prehliadača, takže zmena farby znamená zmenu týchto nakreslených prvkov.

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;
}

Zachovajte dostatočný kontrast medzi farbou a pozadím, aby respondenti so slabým zrakom stále videli, ktoré odpovede sú vybrané.

Zväčšenie prepínačov (radio) a začiarkavacích políčok

Väčšie prepínače (radio) a začiarkavacie políčka sa na telefónoch a tabletoch ľahšie ťukajú. Funguje to vo všetkých hlavných motívoch:

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

V motíve Fruity TwentyThree pridajte navyše medzeru medzi prepínače (radio) a text odpovede:

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

Hodnoty do približne 1,4 fungujú bez ďalších úprav. Pri väčších hodnotách sa ovládacie prvky na malých obrazovkách začnú prekrývať s textom odpovede a okrajmi riadkov polí, preto musíte okolo nich pridať viac miesta.

Zmena farby indikátora priebehu

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

Zobrazenie obsahu iba v jednom jazyku

Prvok <body> má triedu s aktuálnym jazykom, napríklad lang-en alebo lang-fr. Môžete ju použiť na zobrazenie rôzneho obsahu pre jednotlivé jazyky, napríklad riadku s pomocou v pätičke. Text pre každý jazyk pridajte do súboru Twig vášho motívu, naprí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>

Potom skryte texty ostatných jazykov v súbore custom.css:

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

Použitie iného loga pre každý prieskum

Pre každé logo nepotrebujete samostatný motív. Možnosti témy je možné nastaviť pre jednotlivý prieskum: otvorte prieskum, v ponuke Nastavenia prieskumu kliknite na Možnosti témy a vyberte iný Súbor Loga. Pozrite si Možnosti témy.

Zobrazenie vlastnej ikony favicon

Favicon je malá ikona zobrazená na karte prehliadača a v záložkách. Hlavné motívy zobrazujú súbor files/favicon.ico motívu. Ak chcete použiť vlastnú ikonu, pomenujte ju favicon.ico a nahrajte ju v paneli Iné súbory vášho rozšíreného motívu. Nahradí ikonu nadradeného motívu.

Vycentrovanie loga v motíve Fruity TwentyThree

Zapnite Logo v možnostiach témy, potom pridajte do súboru custom.css toto:

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

Pridanie vlastného loga do verejného zoznamu prieskumov

Verejný zoznam prieskumov štandardne zobrazuje logo LimeSurvey. Ak chcete zobraziť vlastné logo:

1. Rozšírte tému Fruity TwentyThree a otvorte svoju tému v editore tém.
2. Nahrajte svoje logo v paneli Iné súbory.
3. Vyberte obrazovku Zoznam prieskumov a otvorte súbor layout_survey_list.twig.
4. Nájdite <div>, ktorý obsahuje {{ include('./ls_logo_svg.twig') }}. Celý tento <div>, vrátane riadka s include, nahraďte kódom uvedeným pod týmito krokmi.
5. Kliknite na Skopírovať do lokálného motívu a uložiť zmeny.
6. Prejdite do Konfigurácia > Globálne nastavenia > Všeobecné a ako Motív pre verejný zoznam prieskumov a chybové stránky vyberte svoju tému.

Použite názov svojho nahraného súboru a názov vašej organizácie ako alternatívny text:

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

Pridanie oddeľovacej čiary do otázok s dvoma škálami

Ak chcete nakresliť zvislú čiaru medzi dvoma škálami otázky typu Otázky s dvoma škálami:

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

JavaScript v otázkach

Ak chcete spustiť JavaScript na všetkých stránkach svojich prieskumov, vložte ho do súboru custom.js svojej témy (pozrite vyššie).

Skript môžete pridať aj do textu jednej otázky alebo skupiny. LimeSurvey z týchto textov odstráni skripty, pokiaľ nie je filter XSS pre vášho používateľa vypnutý. Filter sa nikdy nevzťahuje na superadministrátorov. Pre ostatných používateľov musí byť možnosť Filtrovať HTML pre XSS vypnutá v Konfigurácia > Globálne nastavenia > Bezpečnosť. Urobte to len vtedy, ak dôverujete všetkým, ktorí môžu upravovať prieskumy. Podrobnosti a príklady nájdete v článku o manipulácii s prieskumom za behu pomocou JavaScriptu.