Urejevalnik predlog

Uvod

Tema ankete določa, kako anketa izgleda za udeležence: postavitev strani, barve, pisave, logotipe in slog vsakega vprašanja. Teme so zgrajene s predlogami Twig, CSS in JavaScript ter uporabljajo Bootstrap 5 kot ogrodje CSS.

Veliko pogostih sprememb ne zahteva nobene kode. Logotip, barve, pisave in več nastavitev prikaza lahko spremenite z možnostmi teme. Urejevalnik tem, opisan na tej strani, uporabite, kadar želite iti dlje: dodati lasten CSS ali JavaScript, spremeniti HTML strani ali naložiti slike in druge datoteke za svojo temo.

LimeSurvey vsebuje te osnovne teme anket:

• Fruity TwentyThree (fruity_twentythree): Privzeta tema.
• Bootstrap Vanilla (vanilla): Preprosta osnovna tema za razvijalce, ki želijo zgraditi svojo temo, ki temelji na Bootstrapu.
• Fruity (fruity) in Bootswatch (bootswatch): Obe razširjata temo Bootstrap Vanilla.

Videz posameznih vrst vprašanj nadzorujejo teme vprašanj, ne tema ankete. Če želite spremeniti HTML vrste vprašanja, ustvarite temo vprašanja.

Preden začnete

Za uporabo urejevalnika tem potrebujete globalno dovoljenje Teme (glejte globalna dovoljenja) ali pa morate biti superskrbnik. Razširitev teme zahteva pravico Ustvari, shranjevanje sprememb zahteva Osveži, brisanje teme ali ponastavitev datoteke pa zahteva Izbriši.

  Tema z napakami lahko onemogoči uporabo vsake ankete, ki jo uporablja. Preden temo uporabite v aktivni anketi, svoje spremembe preizkusite s predogledom ankete.

Osnovnih tem ni mogoče urejati: razširite jih

Osnovne teme se posodabljajo skupaj z LimeSurveyjem, zato jih ne morete neposredno spreminjati. Če jo želite prilagoditi, jo razširite. Z razširitvijo nastane nova uporabniška tema, ki podeduje vse od nadrejene teme. Vaša tema vsebuje samo datoteke, ki jih spremenite; vse ostalo se vzame iz nadrejene teme. Tako vaša tema še vedno prejema popravke napak in izboljšave, ko LimeSurvey posodobi nadrejeno temo.

Temo razširite na enega od teh načinov:

• Pojdite na Konfiguracija > Teme, odprite meni dejanj (⋯) na koncu vrstice teme in kliknite Razširi, ali
• odprite temo v urejevalniku tem in v orodni vrstici kliknite Razširi.

Vnesite ime nove teme. Urejevalnik tem nato odpre vašo novo temo.

Kje so shranjene teme

• Osnovne teme: themes/survey/ v vaši namestitvi LimeSurveya.
• Uporabniške teme (razširjene, naložene ali uvožene teme): upload/themes/survey/.

Datoteke uporabniške teme lahko urejate tudi neposredno na strežniku z lastnim urejevalnikom. Poskrbite, da lahko spletni strežnik datoteke po tem še vedno bere in zapisuje, da boste lahko še naprej uporabljali tudi urejevalnik tem.

Urejevalnik tem

Če želite odpreti urejevalnik tem, pojdite na Konfiguracija > Teme, odprite meni dejanj (⋯) na koncu vrstice teme in kliknite Urejevalnik tem.

Če odprete osnovno temo, vas obvestilo opozori, da gre za standardno temo, in ponudi povezavo za njeno razširitev. Njene datoteke in predogled si lahko ogledate, vendar sprememb ne morete shraniti.

Orodna vrstica

• Izvoz: Prenese temo kot datoteko ZIP.
• Razširi: Ustvari novo temo, ki podeduje od te (glejte zgoraj).
• Preimenuj: Preimenuje temo. Na voljo samo za uporabniške teme.
• Izbriši: Izbriše temo. Teme, ki je nastavljena kot privzeta, ne morete izbrisati.
• Tema: Preklopi urejevalnik tem na drugo temo.
• Zaslon: Izbere, katera stran ankete je prikazana v predogledu in katere datoteke so navedene za urejanje. Zasloni so: Vprašanje, Seznam anket, Dobrodošlica, Zaključeno, Ocenjevanja, Napaka, Počisti vse, Naloži, Shrani, Registracija, Natisni odgovore, Javna statistika, PDF, Presežene kvote, Navigacija in Udeleženec.

Urejanje datotek

Plošče na desni navajajo datoteke, ki jih uporablja izbrani zaslon:

• Datoteke delov zaslona: Predloge Twig, ki sestavijo stran.
• JavaScript datoteke
• CSS datoteke
• Ostale datoteke: Slike, pisave in vse druge datoteke teme.

Kliknite ime datoteke, da jo odprete v urejevalniku. Datoteke, označene z Podedovano, prihajajo iz nadrejene teme. Podedovano datoteko lahko vseeno urejate: gumb pod urejevalnikom se nato glasi Kopiraj v lokalno temo in shrani spremembe, shranjevanje pa kopira datoteko v vašo temo z vašimi spremembami. Od takrat naprej se namesto datoteke nadrejene teme uporablja vaša kopija.

Datoteke, ki pripadajo vaši temi, imajo gumb Ponastavi. Ponastavitev izbriše vašo kopijo, tako da se spet uporablja datoteka iz nadrejene teme.

Nalaganje datotek

Polje za nalaganje na dnu plošče Ostale datoteke uporabite za dodajanje slik, pisav ali drugih datotek v svojo temo. Naložene datoteke so shranjene v mapi files/ teme. Privzeto lahko naložite slike (gif, ico, jpg, jpeg, png) in te vrste datotek: css, js, map, json, eot, otf, ttf, woff, woff2, txt, md, xml, twig, lss, lsa, lsq in lsg. Vaš skrbnik lahko te sezname spremeni z nastavitvama allowedthemeimageformats in allowedthemeuploads v config.php.

Če želite v datoteki Twig prikazati naloženo sliko, uporabite funkcijo image():

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

V datotekah CSS se na naložene datoteke sklicujte s potjo, relativno glede na mapo css, na primer url('../files/background.jpg').

Predogled

Pod urejevalnikom predogled prikazuje izbrani zaslon z vzorčno vsebino. S gumbi Mobilno, 640x480, 800x600, 1024x768 in Polno preverite stran pri različnih velikostih zaslona.

Predogled uporablja vzorčne podatke in morda ne prikaže vsakega sloga povsem enako kot prava anketa. Svoje spremembe vedno preverite tudi v predogledu prave ankete.

Uvoz in izvoz tem

• Če želite temo prenesti v drugo namestitev LimeSurvey, v orodni vrstici urejevalnika tem kliknite Izvoz. Tema se prenese kot datoteka ZIP.
• Če želite namestiti temo iz datoteke ZIP, pojdite na Konfiguracija > Teme in kliknite Naloži in namesti.

Zgradba teme

Mapa teme

Mapa teme vsebuje:

• config.xml: Manifest teme: ime, nadrejena tema, datoteke CSS in JavaScript, možnosti teme in zasloni, prikazani v urejevalniku tem.
• views/: Predloge Twig. layout_global.twig je glavna postavitev za večino strani ankete. Druge postavitve se uporabljajo za posebne strani, na primer layout_survey_list.twig za javni seznam anket in layout_errors.twig za strani z napakami. Mapa views/subviews/ vsebuje manjše predloge, ki jih postavitve vključujejo.
• css/ in scripts/: Datoteke CSS in JavaScript teme.
• files/: Slike in druge datoteke, ki jih uporablja tema.
• options/: Stran za možnosti teme.

Predloge Twig

Predloge podatke ankete prejmejo v spremenljivki aSurveyInfo. Če si želite ogledati vso njeno vsebino, vklopite način za odpravljanje napak v application/config/config.php in na konec elementa body v layout_global.twig dodajte to vrstico:

{{ dump(aSurveyInfo) }}

Funkcije, ki jih lahko uporabite v predlogah, so opisane na strani Razpoložljive funkcije Twig. Zaradi varnosti se predloge izvajajo v peskovniku, zato so na voljo samo te funkcije.

config.xml

Razdelek <files> navaja datoteke CSS in JavaScript, ki se naložijo na straneh ankete:

• <add> doda datoteko. Če nadrejena tema že ima datoteko z enakim imenom, jo vaša datoteka nadomesti.
• <remove> prepreči nalaganje datoteke nadrejene teme.

Datotek nadrejene teme vam ni treba ponovno navajati: naložijo se tudi brez tega.

LimeSurvey prebere config.xml ob namestitvi teme in shrani nastavitve v zbirko podatkov. Ko spremenite config.xml nameščene teme, pojdite na Konfiguracija > Teme, odprite meni dejanj (⋯) teme in kliknite Ponastavi, da se datoteka znova naloži.

Dodajanje lastnega CSS in JavaScript

Vsaka osnovna tema ima dve datoteki, rezervirani za vašo lastno kodo:

• css/custom.css: Naloži se za vsemi drugimi datotekami CSS, zato njegova pravila preglasijo sloge teme.
• scripts/custom.js: Naloži se za lastnim JavaScriptom teme.

Ko razširite temo, morate spreminjati te datoteke. Svoj CSS dodajte v custom.css namesto urejanja glavnih datotek CSS teme, da vaša tema še naprej prejema posodobitve nadrejene teme.

Če želite dodati več datotek, jih naložite in navedite v razdelku <files> v config.xml vaše teme. Uporabite ime datoteke, ki v nadrejeni temi ne obstaja, sicer vaša datoteka nadomesti datoteko nadrejene teme:

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

Strani ankete se privzeto nalagajo z Ajaxom, zato brskalnik ne naloži celotne strani, ko udeleženec preide na naslednjo stran. Svoj JavaScript zaženite ob prvem nalaganju strani in ob vsakem nalaganju strani z Ajaxom:

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

Slogovna vprašanja s CSS

Vsi primeri v tem razdelku sodijo v datoteko custom.css vaše teme.

Razredi strani

Elementa <html> in <body> imata razrede, ki jih lahko uporabite za oblikovanje celotnih strani:

• html: Koda jezika (na primer en) in smer besedila (dir-ltr ali dir-rtl).
• body: Ime teme in vsake nadrejene teme (na primer fruity_twentythree), pisava (na primer font-ibm-sans), jezik (na primer lang-en) in brand-logo, kadar je prikazan logotip.

Razredi vsebnika vprašanja

Vsako vprašanje je ovito v element z razredom question-container. Ta ima tudi:

• Razred vrste vprašanja (glejte tabelo spodaj).
• mandatory: Vprašanje je obvezno ali mehko obvezno.
• input-error: Odgovor ni prestal preverjanja ali pa na obvezno vprašanje ni bilo odgovorjeno.
• missing: Vprašanje ima še neodgovorjene dele, udeleženec pa je že šel naprej.
• ls-hidden in ls-irrelevant: Vprašanje je skrito zaradi svojega pogoja.
• ls-hidden-attribute: Vprašanje je skrito z nastavitvijo »Vedno skrij to vprašanje«.
• Vsi razredi, vneseni v nastavitev CSS razred(i) vprašanja (pod Prikaži). Uporabite jo za oblikovanje posameznih vprašanj.

Na primer, obvezno vprašanje Seznam (izbirni gumb), na katerega ni bilo odgovorjeno:

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

Razredi vrst vprašanj

Vrsta vprašanja	Razred	Koda vrste
Izbira med 5 točkami	.choice-5-pt-radio	5
Polje	.array-flexible-row	F
Matrika (izbira med 5 točkami)	.array-5-pt	A
Matrika (izbira med 10 točkami)	.array-10-pt	B
Polje (naraščanje/enako/upadanje)	.array-increase-same-decrease	E
Polje (številke)	.array-multi-flexi	:
Polje (besedila)	.array-multi-flexi-text	;
Polje (da/negotovo/ne)	.array-yes-uncertain-no	C
Polje po stolpcih	.array-flexible-column	H
Dvojna velikost polja	.array-flexible-dual-scale	1
Datum/čas	.date	D
Enačba	.equation	*
Nalaganje datoteke	.upload-files	|
Spol	.gender	G
Zelo veliko prosto besedilo	.text-huge	U
Preklop jezika	.language	I
Seznam (izbirni seznam)	.list-dropdown	!
Seznam (izbirni gumb)	.list-radio	L
Seznam s komentarjem	.list-with-comment	O
Dolgo prosto besedilo	.text-long	T
Več možnosti	.multiple-opt	M
Več možnosti s komentarjem	.multiple-opt-comments	P
Večkratni numerični vnos	.numeric-multi	K
Več kratkih besedil	.multiple-short-txt	Q
Numerični vnos	.numeric	N
Razvrščanje	.ranking	R
Kratko prosto besedilo	.text-short	S
Prikaz besedila	.boilerplate	X
Da/Ne	.yes-no	Y

Razredi za dele vprašanja

Znotraj vsebnika vprašanja območje z odgovori uporablja te razrede. Nekateri so odvisni od nastavitev prikaza vprašanja: na primer Polje (številke) uporablja drugačne razrede, kadar prikazuje potrditvena polja namesto spustnih seznamov.

Razred	Uporaba	Uporabljajo (primeri)
.ls-answers	Element, ki vsebuje vse možne odgovore	Vse vrste vprašanj
.answers-list	Seznam ali vrstica možnih odgovorov	Seznam (izbirni gumb), Več možnosti, Razvrščanje, vrstice večine polj
.subquestion-list, .questions-list	Seznam ali tabela podvprašanj	Polja, Več kratkih besedil, Večkratni numerični vnos
.answer-item	En možen odgovor ali vnos	Skoraj vse vrste vprašanj
.noanswer-item	Možnost »Brez odgovora«	Polja, Izbira med 5 točkami, Seznam s komentarjem
.question-item	Podvprašanje, ki je hkrati odgovor	Več možnosti, Več kratkih besedil, Večkratni numerični vnos
.radio-list	Seznam ali vrstica izbirnih gumbov	Seznam (izbirni gumb), Izbira med 5 točkami, Seznam s komentarjem, vrstice polj z izbirnimi gumbi
.radio-array	Tabela izbirnih gumbov	Polje, Matrika (izbira med 5 točkami), Matrika (izbira med 10 točkami), Polje (naraščanje/enako/upadanje), Polje (da/negotovo/ne)
.radio-item	En izbirni gumb z oznako	Seznam (izbirni gumb), Izbira med 5 točkami, Seznam s komentarjem, polja z izbirnimi gumbi
.checkbox-list	Seznam potrditvenih polj	Več možnosti, Več možnosti s komentarjem
.checkbox-array	Tabela potrditvenih polj	Polje (številke) s položajem potrditvenega polja
.checkbox-item	Eno potrditveno polje z oznako	Več možnosti, Več možnosti s komentarjem, Polje (številke) s položajem potrditvenega polja
.checkbox-text-item	Potrditveno polje z besedilnim poljem	Več možnosti s komentarjem
.comment-item	Polje za komentar poleg potrditvenega polja	Več možnosti s komentarjem
.text-list	Seznam besedilnih vnosov	Več kratkih besedil, Večkratni numerični vnos
.text-item	En besedilni vnos	Kratko, dolgo in zelo veliko prosto besedilo, Več kratkih besedil, Polje (besedila)
.number-list, .numeric-item	Numerični vnosi	Večkratni numerični vnos, Numerični vnos
.number-array	Tabela numeričnih vnosov	Polje (številke), Polje (besedila)
.text-array	Tabela besedilnih vnosov	Polje (besedila), Polje (številke)
.dropdown-array, .dropdown-list, .dropdown-item	Tabele, vrstice in celice s spustnimi seznami	Polje (številke), Dvojna velikost polja s spustnimi seznami
.date-item	Vnos datuma	Datum/čas
.upload-item	Območje za nalaganje datotek	Nalaganje datoteke
.answertext	Besedilo podvprašanja v vrstici polja	Polja
.col-answers	Stolpec z besedili podvprašanj	Polja
.ls-heading	Glavna vrstica z možnimi odgovori	Polja
.ls-odd, .ls-even	Izmenične vrstice	Polja
.ls-label-xs-visibility	Oznaka, ki je vidna samo na majhnih zaslonih in bralnikom zaslona	Celice polj
.ls-input-group-extra	Predpona ali pripona vnosa	Kratko prosto besedilo, Numerični vnos, Več kratkih besedil, Večkratni numerični vnos
.ls-js-hidden	Skrito, kadar je JavaScript aktiven	Dvojna velikost polja, Seznam (izbirni gumb)
.ls-no-js-hidden	Skrito, kadar JavaScript ni aktiven	Razvrščanje
.ls-js-hidden-sr	Skrito, kadar je JavaScript aktiven, a ga bralniki zaslona še vedno preberejo	Razvrščanje

Pri vprašanju Seznam (izbirni gumb) ima možnost »Brez odgovora« razred no-anwser-item (s to črkovanjem) namesto noanswer-item.

Na primer, to je HTML odgovorov vprašanja Seznam (izbirni gumb):

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

Razredi za preverjanje in namige

Namigi za preverjanje (na primer »Izberite enega od naslednjih odgovorov« ali »Vnesite število med 1 in 10«) imajo vedno razred ls-em-tip. Medtem ko udeleženec odgovarja, LimeSurvey doda ls-em-success, ko je pravilo namiga izpolnjeno, in ls-em-error, ko ni izpolnjeno, tako da lahko obe stanji oblikujete različno. Namigi, skriti z nastavitvijo vprašanja Skrij namig, dobijo razred hide-tip.

Vsak namig ima tudi razred za svojo vrsto:

Razred	Namig
.em_default	Privzeti namig vrste vprašanja (na primer »Izberite enega od naslednjih odgovorov«)
.em_num_answers	Najmanjše ali največje število odgovorov
.em_value_range	Najmanjša ali največja vrednost
.em_sum_range	Najmanjša ali največja vsota vrednosti
.em_sum_equals	Vrednosti morajo skupaj dati določeno vsoto
.em_value_integer	Dovoljena so samo cela števila
.em_numbers_only	Dovoljena so samo števila
.em_other_numbers_only	V polju »Drugo« so dovoljena samo števila
.em_other_comment_mandatory	Možnost »Drugo« je izbrana, vendar je njeno besedilno polje prazno
.em_regex_validation	Odgovor se mora ujemati z vzorcem za preverjanje
.em_q_fn_validation	Enačba za preverjanje vprašanja
.em_sq_fn_validation	Enačba za preverjanje podvprašanja

Jeziki, ki se pišejo od desne proti levi (RTL)

Za jezike, ki se pišejo od desne proti levi, ima element <html> razred dir-rtl, osnovne teme pa naložijo RTL različico svoje glavne datoteke CSS. Razred .dir-rtl uporabite v svojem CSS za pravila, ki veljajo samo za jezike od desne proti levi.

Namigi in triki

Ti recepti sodijo v datoteko custom.css (ali v datoteko Twig, kjer je to navedeno) teme, ki ste jo razširili iz osnovne teme. V primerih zamenjajte #c0392b z lastno barvo.

Sprememba barve izbirnih gumbov in potrditvenih polj

Če želite uporabiti eno od barv, ki jih ponuja Fruity TwentyThree, izberite Barva teme v možnostih teme. V možnostih teme lahko izberete tudi drugo Ikono kljukice.

Za katero koli drugo barvo dodajte CSS v custom.css. Osnovne teme rišejo lastne izbirne gumbe in potrditvena polja namesto privzetih brskalnikovih, zato spreminjanje barve pomeni spreminjanje teh narisanih elementov.

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

Ohranite dovolj kontrasta med barvo in ozadjem, da udeleženci s slabim vidom še vedno vidijo, kateri odgovori so izbrani.

Povečanje izbirnih gumbov in potrditvenih polj

Večje izbirne gumbe in potrditvena polja je lažje tapniti na telefonih in tablicah. To deluje v vseh osnovnih temah:

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

V temi Fruity TwentyThree dodajte tudi nekaj prostora med izbirnimi gumbi in besedilom odgovora:

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

Vrednosti do približno 1,4 delujejo brez dodatnih sprememb. Pri večjih vrednostih se kontrolniki na majhnih zaslonih začnejo prekrivati z besedilom odgovora in robovi vrstic polj, zato morate dodati tudi več prostora okoli njih.

Sprememba barve vrstice napredka

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

Prikaz vsebine samo v enem jeziku

Element <body> ima razred s trenutnim jezikom, na primer lang-en ali lang-fr. Uporabite ga lahko za prikaz različne vsebine glede na jezik, na primer vrstice s pomočjo v nogi strani. Besedilo za vsak jezik dodajte v datoteko Twig svoje teme, na primer 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>

Nato v custom.css skrijte besedilo drugih jezikov:

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

Uporaba drugega logotipa za posamezno anketo

Za vsak logotip ne potrebujete ločene teme. Možnosti teme lahko nastavite za posamezno anketo: odprite anketo, v meniju Nastavitve ankete kliknite Možnosti teme in izberite drugo Datoteka z logotipom. Glejte Možnosti teme.

Prikaz lastne ikone favicon

Favicon je majhna ikona, prikazana v zavihku brskalnika in med zaznamki. Osnovne teme prikažejo datoteko files/favicon.ico teme. Če želite uporabiti lastno ikono, jo poimenujte favicon.ico in jo naložite v panelu Ostale datoteke svoje razširjene teme. Nadomesti ikono nadrejene teme.

Poravnava logotipa na sredino v temi Fruity TwentyThree

V možnostih teme vklopite Logotip, nato dodajte v custom.css naslednje:

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

Dodajanje lastnega logotipa na javni seznam anket

Javni seznam anket privzeto prikazuje logotip LimeSurvey. Za prikaz lastnega logotipa:

1. Razširite temo Fruity TwentyThree in odprite svojo temo v urejevalniku tem.
2. Naložite svoj logotip v panelu Ostale datoteke.
3. Izberite zaslon Seznam anket in odprite layout_survey_list.twig.
4. Poiščite <div>, ki vsebuje {{ include('./ls_logo_svg.twig') }}. Celoten <div>, vključno z vrstico include, zamenjajte s kodo, prikazano pod temi koraki.
5. Kliknite Kopiraj v lokalno temo in shrani spremembe.
6. Pojdite na Konfiguracija > Globalne nastavitve > Splošno in izberite svojo temo kot Tema za javni seznam anket in strani z napakami.

Uporabite ime svoje naložene datoteke in ime svoje organizacije kot nadomestno besedilo:

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

Dodajanje ločilne črte v polja z dvojno lestvico

Če želite med obe lestvici vprašanja Dvojna velikost polja narisati navpično črto:

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

JavaScript v vprašanjih

Če želite JavaScript izvajati na vseh straneh svojih anket, ga vstavite v datoteko custom.js svoje teme (glejte zgoraj).

Skript lahko dodate tudi v besedilo posameznega vprašanja ali skupine. LimeSurvey iz teh besedil odstrani skripte, razen če je filter XSS za vašega uporabnika izklopljen. Filter se nikoli ne uporablja za superadministratorje. Pri drugih uporabnikih mora biti možnost Filtriraj HTML za XSS izklopljena v Konfiguracija > Globalne nastavitve > Varnostno opozorilo. To storite le, če zaupate vsem, ki lahko urejajo ankete. Za podrobnosti in primere glejte Obhodne rešitve: spreminjanje ankete med izvajanjem z JavaScriptom.