Tema redaktør

Introduktion

Et undersøgelsestema styrer, hvordan din undersøgelse ser ud for deltagerne: sidelayout, farver, skrifttyper, logoer og styling af hvert enkelt spørgsmål. Temaer bygges med Twig-skabeloner, CSS og JavaScript og bruger Bootstrap 5 som CSS-framework.

Mange almindelige ændringer kræver slet ingen kode. Logo, farver, skrifttyper og flere visningsindstillinger kan ændres med tema mulighederne. Brug den temaeditor, der er beskrevet på denne side, når du vil gå videre: tilføje din egen CSS eller JavaScript, ændre HTML på en side eller uploade billeder og andre filer til dit tema.

LimeSurvey leveres med disse kerne-undersøgelsestemaer:

• Fruity TwentyThree (fruity_twentythree): Standardtemaet.
• Bootstrap Vanilla (vanilla): Et enkelt basistema til udviklere, der vil bygge deres eget Bootstrap-baserede tema.
• Fruity (fruity) og Bootswatch (bootswatch): Begge udvider Bootstrap Vanilla.

Udseendet af de enkelte spørgsmålstyper styres af spørgsmålstemaer og ikke af undersøgelsestemaet. Hvis du vil ændre HTML for en spørgsmålstype, skal du oprette et spørgsmålstema.

Før du går i gang

For at bruge temaeditoren skal du have den globale tilladelse Temaer (se globale tilladelser) eller være superbruger. Udvidelse af et tema kræver rettigheden Opret, lagring af ændringer kræver Opdater, og sletning af et tema eller nulstilling af en fil kræver Slet.

  Et tema med fejl kan gøre alle undersøgelser, der bruger det, ubrugelige. Test dine ændringer med en eksempelvisning af undersøgelsen, før du bruger temaet i en live undersøgelse.

Kerne temaer kan ikke redigeres: udvid dem

Kerne temaer opdateres sammen med LimeSurvey, så du kan ikke ændre dem direkte. Hvis du vil tilpasse et, skal du udvide det. Udvidelse opretter et nyt bruger tema, der arver alt fra sit overordnede tema. Dit tema indeholder kun de filer, du ændrer; alt andet hentes fra det overordnede tema. På den måde får dit tema stadig fejlrettelser og forbedringer, når LimeSurvey opdaterer det overordnede tema.

Sådan udvider du et tema:

• Gå til Konfiguration > Temaer, åbn handlingsmenuen (⋯) i slutningen af temaets række og klik på Udvid, eller
• Åbn temaet i temaeditoren og klik på Udvid i værktøjslinjen.

Indtast et navn til det nye tema. Temaeditoren åbner derefter dit nye tema.

Hvor temaer gemmes

• Kerne temaer: themes/survey/ i din LimeSurvey-installation.
• Bruger temaer (udvidede, uploadede eller importerede temaer): upload/themes/survey/.

Du kan også redigere filerne i et bruger tema direkte på serveren med din egen editor. Sørg for, at webserveren bagefter stadig kan læse og skrive filerne, så du fortsat kan bruge temaeditoren.

Temaeditoren

For at åbne temaeditoren skal du gå til Konfiguration > Temaer, åbne handlingsmenuen (⋯) i slutningen af temaets række og klikke på Tema editor.

Hvis du åbner et kerne tema, fortæller en besked dig, at det er et standardtema, og tilbyder et link til at udvide det. Du kan se dets filer og eksempelvisningen, men du kan ikke gemme ændringer.

Værktøjslinje

• Eksporter: Downloader temaet som en ZIP-fil.
• Udvid: Opretter et nyt tema, der arver fra dette (se ovenfor).
• Omdøb: Omdøber temaet. Kun tilgængelig for bruger temaer.
• Slet: Sletter temaet. Du kan ikke slette det tema, der er angivet som standardtema.
• Tema: Skifter temaeditoren til et andet tema.
• Skærm: Vælger, hvilken undersøgelsesside der vises i eksempelvisningen, og hvilke filer der er opført til redigering. Skærmene er: Spørgsmål, Undersøgelsesliste, Velkomst, Gennemført, Vurderinger, Fejl, Slet alt, Indlæs, Gem, Registrering, Udskriv svar, Offentlige statistikker, PDF, Kvoter overskredet, Navigation og Deltager.

Redigering af filer

Panelerne til højre viser de filer, der bruges af den valgte skærm:

• Skærm-filer: Twig-skabelonerne, der opbygger siden.
• JavaScript-filer
• CSS-filer
• Andre filer: Billeder, skrifttyper og alle andre filer i temaet.

Klik på et filnavn for at åbne det i editoren. Filer markeret med Nedarvet kommer fra det overordnede tema. Du kan stadig redigere en nedarvet fil: knappen under editoren hedder så Kopier til lokalt tema og gem ændringer, og når du gemmer, kopieres filen ind i dit tema med dine ændringer. Fra da af bruges din kopi i stedet for det overordnede temas fil.

Filer, der tilhører dit tema, har en Nulstil-knap. Nulstil sletter din kopi, så filen fra det overordnede tema bruges igen.

Upload af filer

Brug upload-feltet nederst i panelet Andre filer til at tilføje billeder, skrifttyper eller andre filer til dit tema. Uploadede filer gemmes i temaets mappe files/. Som standard kan du uploade billeder (gif, ico, jpg, jpeg, png) og disse filtyper: css, js, map, json, eot, otf, ttf, woff, woff2, txt, md, xml, twig, lss, lsa, lsq og lsg. Din administrator kan ændre disse lister med indstillingerne allowedthemeimageformats og allowedthemeuploads i config.php.

For at vise et uploadet billede i en Twig-fil skal du bruge funktionen image():

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

I CSS-filer henviser du til uploadede filer med en sti relativ til mappen css, for eksempel url('../files/background.jpg').

Eksempelvisning

Under editoren viser en eksempelvisning den valgte skærm med eksempelindhold. Brug knapperne Mobil, 640x480, 800x600, 1024x768 og Fuld til at kontrollere siden ved forskellige skærmstørrelser.

Eksempelvisningen bruger eksempeldata og viser måske ikke alle typografier nøjagtigt, som en rigtig undersøgelse gør. Kontrollér altid også dine ændringer i en eksempelvisning af en rigtig undersøgelse.

Import og eksport af temaer

• Hvis du vil flytte et tema til en anden LimeSurvey-installation, skal du klikke på Eksporter i værktøjslinjen i temaeditoren. Det downloader temaet som en ZIP-fil.
• Hvis du vil installere et tema fra en ZIP-fil, skal du gå til Konfiguration > Temaer og klikke på Upload og installer.

Sådan er et tema opbygget

Temamappe

En temamappe indeholder:

• config.xml: Temaets manifest: navn, overordnet tema, CSS- og JavaScript-filer, temaindstillinger og de skærmbilleder, der vises i temaeditoren.
• views/: Twig-skabelonerne. layout_global.twig er hovedlayoutet for de fleste undersøgelsessider. Andre layouts bruges til særlige sider, for eksempel layout_survey_list.twig til den offentlige undersøgelsesliste og layout_errors.twig til fejlsider. Mappen views/subviews/ indeholder de mindre skabeloner, som layoutene inkluderer.
• css/ og scripts/: Temaets CSS- og JavaScript-filer.
• files/: Billeder og andre filer, som temaet bruger.
• options/: Siden til temaets muligheder.

Twig-skabeloner

Skabelonerne modtager undersøgelsens data i variablen aSurveyInfo. Hvis du vil se alt, hvad den indeholder, skal du slå fejlfindingstilstand til i application/config/config.php og tilføje denne linje i slutningen af body-elementet i layout_global.twig:

{{ dump(aSurveyInfo) }}

Se Tilgængelige Twig-funktioner for de funktioner, du kan bruge i skabeloner. Af sikkerhedsgrunde kører skabeloner i en sandbox, så kun disse funktioner er tilgængelige.

config.xml

Sektionen <files> angiver de CSS- og JavaScript-filer, der indlæses på undersøgelsessider:

• <add> tilføjer en fil. Hvis det overordnede tema allerede har en fil med samme navn, erstatter din fil den.
• <remove> forhindrer, at en fil fra det overordnede tema indlæses.

Du behøver ikke at angive filer fra det overordnede tema igen: De indlæses alligevel.

LimeSurvey læser config.xml, når et tema installeres, og gemmer indstillingerne i databasen. Når du har ændret config.xml for et installeret tema, skal du gå til Konfiguration > Temaer, åbne handlingsmenuen (⋯) for temaet og klikke på Nulstil for at genindlæse filen.

Tilføj din egen CSS og JavaScript

Hvert kerne tema har to filer, der er reserveret til din egen kode:

• css/custom.css: Indlæses efter alle andre CSS-filer, så dens regler tilsidesætter temaets typografier.
• scripts/custom.js: Indlæses efter temaets eget JavaScript.

Når du udvider et tema, er det disse filer, du skal ændre. Tilføj din CSS i custom.css i stedet for at redigere temaets hoved-CSS-filer, så dit tema fortsat får opdateringerne fra det overordnede tema.

Hvis du vil tilføje flere filer, skal du uploade dem og angive dem i sektionen <files> i dit temas config.xml. Brug et filnavn, der ikke findes i det overordnede tema, ellers erstatter din fil den overordnede fil:

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

Undersøgelsessider indlæses som standard med Ajax, så browseren ikke genindlæser hele siden, når en deltager går til næste side. Kør dit JavaScript både ved den første sideindlæsning og ved hver Ajax-sideindlæsning:

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

Stylingspørgsmål med CSS

Alle eksempler i dette afsnit skal placeres i dit temas custom.css-fil.

Sideklasser

Elementerne <html> og <body> har klasser, som du kan bruge til at style hele sider:

• html: Sprogkoden (for eksempel en) og tekstretningen (dir-ltr eller dir-rtl).
• body: Navnet på temaet og på hvert overordnet tema (for eksempel fruity_twentythree), skrifttypen (for eksempel font-ibm-sans), sproget (for eksempel lang-en) og brand-logo, når logoet vises.

Klasser for spørgsmålsbeholderen

Hvert spørgsmål er pakket ind i et element med klassen question-container. Det har desuden:

• Klassen for spørgsmålstypen (se tabellen nedenfor).
• mandatory: Spørgsmålet er obligatorisk eller delvist obligatorisk.
• input-error: Svaret bestod ikke valideringen, eller et obligatorisk spørgsmål blev ikke besvaret.
• missing: Spørgsmålet har stadig ubesvarede dele, og deltageren er allerede gået videre fra det.
• ls-hidden og ls-irrelevant: Spørgsmålet er skjult af sin betingelse.
• ls-hidden-attribute: Spørgsmålet er skjult af indstillingen "Skjul altid dette spørgsmål".
• Alle klasser, der er angivet i spørgsmålets indstilling CSS klasse(r) (under Vis). Brug den til at style enkelte spørgsmål.

For eksempel et obligatorisk Liste (Radioknapper)-spørgsmål, der ikke er besvaret:

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

Klasser for spørgsmålstyper

Spørgsmålstype	Klasse	Typekode
5 punkts valg	.choice-5-pt-radio	5
Matrix	.array-flexible-row	F
Array (valg af 5 punkter)	.array-5-pt	A
Array (valg af 10 punkter)	.array-10-pt	B
Matrix (Mere/Uændret/Mindre)	.array-increase-same-decrease	E
Matrix (Tal)	.array-multi-flexi	:
Matrix (Tekst)	.array-multi-flexi-text	;
Matrix (Ja/Usikker/Nej)	.array-yes-uncertain-no	C
Matrix i kolonner	.array-flexible-column	H
Matrix med to skalaer	.array-flexible-dual-scale	1
Dato/tid	.date	D
Ligning	.equation	*
Fil upload	.upload-files	|
Køn	.gender	G
Kæmpelang fritekst	.text-huge	U
Sprogvalg	.language	I
Liste (Rullemenu)	.list-dropdown	!
Liste (Radioknapper)	.list-radio	L
Liste med kommentarer	.list-with-comment	O
Lang fritekst	.text-long	T
Flere valg	.multiple-opt	M
Flere valg med kommentarer	.multiple-opt-comments	P
Flere numeriske input	.numeric-multi	K
Flere korte tekster	.multiple-short-txt	Q
Numerisk input	.numeric	N
Rangordning	.ranking	R
Kort fritekst	.text-short	S
Visning af tekst	.boilerplate	X
Ja/Nej	.yes-no	Y

Klasser for dele af et spørgsmål

Inde i spørgsmålsbeholderen bruger svarområdet disse klasser. Nogle afhænger af spørgsmålets visningsindstillinger: For eksempel bruger Matrix (Tal) andre klasser, når det viser afkrydsningsfelter i stedet for rullemenuer.

Klasse	Bruges til	Bruges af (eksempler)
.ls-answers	Elementet, der indeholder alle svarmuligheder	Alle spørgsmålstyper
.answers-list	En liste eller række af svarmuligheder	Liste (Radioknapper), Flere valg, Rangordning, rækker i de fleste matricer
.subquestion-list, .questions-list	En liste eller tabel af underspørgsmål	Matricer, Flere korte tekster, Flere numeriske input
.answer-item	Én svarmulighed eller ét input	Næsten alle spørgsmålstyper
.noanswer-item	Muligheden "Ikke besvaret"	Matricer, 5 punkts valg, Liste med kommentarer
.question-item	Et underspørgsmål, der også er et svar	Flere valg, Flere korte tekster, Flere numeriske input
.radio-list	En liste eller række af radioknapper	Liste (Radioknapper), 5 punkts valg, Liste med kommentarer, rækker i matricer med radioknapper
.radio-array	En tabel med radioknapper	Matrix, Array (valg af 5 punkter), Array (valg af 10 punkter), Matrix (Mere/Uændret/Mindre), Matrix (Ja/Usikker/Nej)
.radio-item	Én radioknap med sin titel	Liste (Radioknapper), 5 punkts valg, Liste med kommentarer, matricer med radioknapper
.checkbox-list	En liste med afkrydsningsfelter	Flere valg, Flere valg med kommentarer
.checkbox-array	En tabel med afkrydsningsfelter	Matrix (Tal) med layout for checkbox
.checkbox-item	Ét afkrydsningsfelt med sin titel	Flere valg, Flere valg med kommentarer, Matrix (Tal) med layout for checkbox
.checkbox-text-item	Et afkrydsningsfelt med et tekstfelt	Flere valg med kommentarer
.comment-item	Kommentarfeltet ved siden af et afkrydsningsfelt	Flere valg med kommentarer
.text-list	En liste med tekst input	Flere korte tekster, Flere numeriske input
.text-item	Ét tekst input	Kort, lang og kæmpelang fritekst, Flere korte tekster, Matrix (Tekst)
.number-list, .numeric-item	Numeriske input	Flere numeriske input, Numerisk input
.number-array	En tabel med numeriske input	Matrix (Tal), Matrix (Tekst)
.text-array	En tabel med tekst input	Matrix (Tekst), Matrix (Tal)
.dropdown-array, .dropdown-list, .dropdown-item	Tabeller, rækker og celler med rullemenuer	Matrix (Tal), Matrix med to skalaer med rullemenuer
.date-item	Datoinputtet	Dato/tid
.upload-item	Området til fil upload	Fil upload
.answertext	Underspørgsmålets tekst i en matrixrække	Matricer
.col-answers	Kolonnen med underspørgsmålenes tekster	Matricer
.ls-heading	Overskriftsrækken med svarmulighederne	Matricer
.ls-odd, .ls-even	Rækker, der skifter mellem to typografier	Matricer
.ls-label-xs-visibility	En titel, der kun er synlig på små skærme og for skærmlæsere	Celler i matricer
.ls-input-group-extra	Præfikset eller suffikset til et input	Kort fritekst, Numerisk input, Flere korte tekster, Flere numeriske input
.ls-js-hidden	Skjult, når JavaScript er aktivt	Matrix med to skalaer, Liste (Radioknapper)
.ls-no-js-hidden	Skjult, når JavaScript ikke er aktivt	Rangordning
.ls-js-hidden-sr	Skjult, når JavaScript er aktivt, men stadig læst af skærmlæsere	Rangordning

In List (radio), the "No answer" option has the class no-anwser-item (with this spelling) instead of noanswer-item.

Dette er for eksempel HTML-koden til svarene i et Liste (Radioknapper)-spørgsmål:

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

Klasser til validering og vink

Valideringsvink (såsom "Vælg én af følgende svarmuligheder" eller "Indtast et tal mellem 1 og 10") har altid klassen ls-em-tip. Mens deltageren besvarer spørgsmålet, tilføjer LimeSurvey ls-em-success, når vinkets regel er opfyldt, og ls-em-error, når den ikke er det, så du kan style de to tilstande forskelligt. Vink, der er skjult med spørgsmålets indstilling Skjul vink, får klassen hide-tip.

Hvert vink har også en klasse for sin type:

Klasse	Vink
.em_default	Standardvinket for spørgsmålstypen (for eksempel "Vælg én af følgende svarmuligheder")
.em_num_answers	Minimum eller maksimum antal svar
.em_value_range	Minimums- eller maksimumsværdi
.em_sum_range	Minimum eller maksimum for summen af værdierne
.em_sum_equals	Værdierne skal give en bestemt sum
.em_value_integer	Kun hele tal er tilladt
.em_numbers_only	Kun tal er tilladt
.em_other_numbers_only	Kun tal er tilladt i feltet "Andet"
.em_other_comment_mandatory	Valgmuligheden "Andet" er valgt, men tekstfeltet er tomt
.em_regex_validation	Svaret skal matche valideringsmønsteret
.em_q_fn_validation	Spørgsmålets valideringsligning
.em_sq_fn_validation	Underspørgsmålets valideringsligning

Sprog med højre-til-venstre-skrift (RTL)

For sprog med højre-til-venstre-skrift har elementet <html> klassen dir-rtl, og kerne temaerne indlæser en RTL-version af deres primære CSS-fil. Brug .dir-rtl i din CSS til regler, der kun gælder for sprog med højre-til-venstre-skrift.

Tips og tricks

Disse eksempler placeres i custom.css (eller i en Twig-fil, hvor det er angivet) i et tema, du har udvidet fra et kerne tema. I eksemplerne skal du erstatte #c0392b med din egen farve.

Skift farven på radioknapper og afkrydsningsfelter

Hvis du vil bruge en af de farver, der følger med Fruity TwentyThree, skal du vælge en Temafarve i temaindstillingerne. I temaindstillingerne kan du også vælge et andet Kontroller ikon.

Til alle andre farver skal du tilføje CSS til custom.css. Kerne temaerne tegner deres egne radioknapper og afkrydsningsfelter i stedet for browserens standardknapper, så for at ændre farven skal du ændre disse tegnede elementer.

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

Sørg for tilstrækkelig kontrast mellem farven og baggrunden, så deltagere med nedsat syn stadig kan se, hvilke svar der er valgt.

Gør radioknapper og afkrydsningsfelter større

Større radioknapper og afkrydsningsfelter er nemmere at trykke på på telefoner og tablets. Dette virker i alle kerne temaer:

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

I Fruity TwentyThree skal du også tilføje lidt afstand mellem radioknapperne og svarteksten:

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

Værdier op til ca. 1,4 virker uden yderligere ændringer. Ved større værdier begynder knapperne at overlappe svarteksten og kanterne på matrixrækker på små skærme, så du skal også tilføje mere plads omkring dem.

Skift farven på fremskridtsbjælken

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

Vis indhold kun på ét sprog

Elementet <body> har en klasse med det aktuelle sprog, f.eks. lang-en eller lang-fr. Du kan bruge den til at vise forskelligt indhold pr. sprog, for eksempel en hjælpelinje i sidefoden. Tilføj teksten for hvert sprog i en Twig-fil i dit tema, f.eks. 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>

Skjul derefter teksten på de andre sprog i custom.css:

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

Brug et andet logo pr. undersøgelse

Du behøver ikke et separat tema til hvert logo. Temaindstillinger kan angives for en enkelt undersøgelse: Åbn undersøgelsen, klik på Tema muligheder i menuen Undersøgelse indstillinger, og vælg en anden Logo fil. Se Temaindstillinger.

Vis et tilpasset favicon

Et favicon er det lille ikon, der vises i browserfanen og i bogmærker. Kerne temaerne viser temaets fil files/favicon.ico. Hvis du vil bruge dit eget ikon, skal du give det navnet favicon.ico og uploade det i panelet Andre filer i dit udvidede tema. Det erstatter ikonet fra det overordnede tema.

Centrer logoet i Fruity TwentyThree

Slå Logo til i temaindstillingerne, og tilføj derefter dette til custom.css:

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

Tilføj dit eget logo til den offentlige undersøgelsesliste

Den offentlige undersøgelsesliste viser som standard LimeSurvey-logoet. Sådan viser du dit eget logo:

1. Udvid Fruity TwentyThree, og åbn dit tema i temaeditoren.
2. Upload dit logo i panelet Andre filer.
3. Vælg skærmen Undersøgelsesliste, og åbn layout_survey_list.twig.
4. Find den <div>, der indeholder {{ include('./ls_logo_svg.twig') }}. Erstat hele denne <div>, inklusive include-linjen, med koden, der vises under disse trin.
5. Klik på Kopier til lokalt tema og gem ændringer.
6. Gå til Konfiguration > Globale > Generelt, og vælg dit tema som Tema til den offentlige undersøgelsesliste og fejlsider.

Brug navnet på din uploadede fil og din organisations navn som alternativ tekst:

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

Ændr popup'en til fil upload

^{(New in 7.6.0 )} Popup'en, der åbnes, når en deltager uploader filer i et fil upload-spørgsmål, er bygget op af Twig-filen survey/questions/answer/file_upload/modal-container.twig. Temaeditoren viser ikke denne fil. Hvis du vil ændre popup'en, for eksempel for at tilføje en hjælpetekst, skal du kopiere filen fra application/views/ i din LimeSurvey-installation til mappen views/ i dit tema på serveren (eller ind i ZIP-filen med dit tema, før du importerer det) og bevare mappestrukturen: views/survey/questions/answer/file_upload/modal-container.twig. Rediger derefter kopien. Et spørgsmålstema til fil upload-spørgsmålet kan også indeholde sin egen kopi. Behold de skjulte inputfelter og ID'erne i filen, da upload-scriptet har brug for dem.

Tilføj en lodret adskillelseslinje til matricer med to skalaer

Sådan tegner du en lodret linje mellem de to skalaer i et spørgsmål af typen Matrix med to skalaer:

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

JavaScript i spørgsmål

Hvis du vil køre JavaScript på alle sider i dine undersøgelser, skal du placere det i custom.js i dit tema (se ovenfor).

Du kan også tilføje et script i teksten til et enkelt spørgsmål eller en enkelt gruppe. LimeSurvey fjerner scripts fra disse tekster, medmindre XSS-filteret er slået fra for din bruger. Filteret gælder aldrig for superadministratorer. For andre brugere skal Filtrer HTML for XSS være slået fra under Konfiguration > Globale > Sikkerhedsalarm. Gør kun dette, hvis du stoler på alle, der kan redigere undersøgelser. Du kan finde detaljer og eksempler i Workarounds: Manipulating a survey at runtime using Javascript.