Uređivač teme

Uvod

Tema upitnika određuje kako vaš upitnik izgleda ispitanicima: raspored stranice, boje, fontove, logotipe i stil svakog pitanja. Teme su izrađene pomoću Twig predložaka, CSS-a i JavaScripta te koriste Bootstrap 5 kao CSS okvir.

Mnoge uobičajene promjene uopće ne zahtijevaju kod. Logotip, boje, fontovi i nekoliko postavki prikaza mogu se promijeniti pomoću opcija teme. Uređivač teme opisan na ovoj stranici koristite kada želite ići dalje: dodati vlastiti CSS ili JavaScript, promijeniti HTML stranice ili učitati slike i druge datoteke za svoju temu.

LimeSurvey dolazi s ovim osnovnim temama upitnika:

• Fruity TwentyThree (fruity_twentythree): Zadana tema.
• Bootstrap Vanilla (vanilla): Jednostavna osnovna tema za programere koji žele izraditi vlastitu temu temeljenu na Bootstrapu.
• Fruity (fruity) i Bootswatch (bootswatch): Obje proširuju temu Bootstrap Vanilla.

Izgled pojedinih vrsta pitanja određuju teme pitanja, a ne tema upitnika. Da biste promijenili HTML neke vrste pitanja, izradite temu pitanja.

Prije početka

Za korištenje uređivača teme potrebna vam je globalna dozvola Teme (pogledajte globalne dozvole) ili morate biti superadministrator. Za proširivanje teme potrebno je pravo Stvoriti, za spremanje promjena Ažuriranje, a za brisanje teme ili poništavanje datoteke Izbriši.

  Tema s pogreškama može onemogućiti korištenje svakog upitnika koji je koristi. Prije nego što temu upotrijebite u aktivnom upitniku, testirajte svoje promjene pomoću pregleda upitnika.

Osnovne teme ne mogu se uređivati: proširite ih

Osnovne teme ažuriraju se zajedno s LimeSurveyjem pa ih ne možete izravno mijenjati. Da biste je prilagodili, proširite je. Proširivanjem se stvara nova korisnička tema koja nasljeđuje sve od svoje roditeljske teme. Vaša tema sadrži samo datoteke koje promijenite, a sve ostalo preuzima se iz roditeljske teme. Na taj vaša tema i dalje dobiva ispravke pogrešaka i poboljšanja kad LimeSurvey ažurira roditeljsku temu.

Da biste proširili temu, učinite jedno od sljedećeg:

• Idite na Konfiguracija > Teme, otvorite izbornik radnji (⋯) na kraju retka teme i kliknite Proširi, ili
• Otvorite temu u uređivaču teme i kliknite Proširi na alatnoj traci.

Unesite naziv nove teme. Uređivač teme zatim otvara vašu novu temu.

Gdje se teme pohranjuju

• Osnovne teme: themes/survey/ u vašoj instalaciji LimeSurveya.
• Korisničke teme (proširene, učitane ili uvezene teme): upload/themes/survey/.

Datoteke korisničke teme možete uređivati i izravno na poslužitelju pomoću vlastitog uređivača. Pobrinite se da web poslužitelj nakon toga i dalje može čitati i pisati datoteke kako biste mogli nastaviti koristiti i uređivač teme.

Uređivač teme

Da biste otvorili uređivač teme, idite na Konfiguracija > Teme, otvorite izbornik radnji (⋯) na kraju retka teme i kliknite Uređivač teme.

Ako otvorite osnovnu temu, obavijest će vas upozoriti da je riječ o standardnoj temi i ponudit će vezu za njezino proširivanje. Možete pregledati njezine datoteke i pregled, ali ne možete spremati promjene.

Alatna traka

• Izvoz: Preuzima temu kao ZIP datoteku.
• Proširi: Stvara novu temu koja nasljeđuje ovu (pogledajte gore).
• Preimenovati: Preimenuje temu. Dostupno samo za korisničke teme.
• Izbriši: Briše temu. Ne možete izbrisati temu koja je postavljena kao zadana.
• Tema: Prebacuje uređivač teme na drugu temu.
• Zaslon: Odabire koja se stranica upitnika prikazuje u pregledu i koje se datoteke navode za uređivanje. Zasloni su: Pitanje, Popis upitnika, Dobrodošlica, Dovršeno, Procjene, Pogreška, Očistite sve, Učitaj, Spremi, Registracija, Ispiši odgovore, Javne statistike, PDF, Kvote su premašene, Navigacija i Ispitanik.

Uređivanje datoteka

Ploče s desne strane navode datoteke koje koristi odabrani zaslon:

• Datoteke dijelova zaslona: Twig predlošci koji grade stranicu.
• JavaScript datoteke
• CSS datoteke
• Ostale datoteke: Slike, fontovi i sve ostale datoteke teme.

Kliknite naziv datoteke da biste je otvorili u uređivaču. Datoteke označene kao Naslijeđeno dolaze iz roditeljske teme. Naslijeđenu datoteku i dalje možete urediti: gumb ispod uređivača tada glasi Kopirajte u lokalnu temu i spremite promjene, a spremanjem se datoteka kopira u vašu temu s vašim promjenama. Od tada se umjesto datoteke iz roditeljske teme koristi vaša kopija.

Datoteke koje pripadaju vašoj temi imaju gumb Poništi. Poništavanje briše vašu kopiju pa se ponovno koristi datoteka iz roditeljske teme.

Učitavanje datoteka

Pomoću polja za učitavanje na dnu ploče Ostale datoteke dodajte slike, fontove ili druge datoteke u svoju temu. Učitane datoteke pohranjuju se u mapu files/ teme. Prema zadanim postavkama možete učitati slike (gif, ico, jpg, jpeg, png) i ove vrste datoteka: css, js, map, json, eot, otf, ttf, woff, woff2, txt, md, xml, twig, lss, lsa, lsq i lsg. Vaš administrator može promijeniti ove popise pomoću postavki allowedthemeimageformats i allowedthemeuploads u datoteci config.php.

Da biste u Twig datoteci prikazali učitanu sliku, koristite funkciju image():

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

U CSS datotekama na učitane datoteke upućujte putanjom relativnom u odnosu na mapu css, na primjer url('../files/background.jpg').

Pregled

Ispod uređivača pregled prikazuje odabrani zaslon s primjerom sadržaja. Pomoću gumba Mobilni, 640x480, 800x600, 1024x768 i Puno provjerite stranicu pri različitim veličinama zaslona.

Pregled koristi primjere podataka i možda ne prikazuje svaki stil točno onako kako ga prikazuje stvarni upitnik. Svoje promjene uvijek provjerite i u pregledu stvarnog upitnika.

Uvoz i izvoz tema

• Da biste temu premjestili na drugu instalaciju LimeSurveya, kliknite Izvoz na alatnoj traci uređivača teme. Tema će se preuzeti kao ZIP datoteka.
• Da biste instalirali temu iz ZIP datoteke, idite na Konfiguracija > Teme i kliknite Prenesite i instalirajte.

Kako je tema izgrađena

Mapa teme

Mapa teme sadrži:

• config.xml: Manifest teme: naziv, nadređena tema, CSS i JavaScript datoteke, opcije teme i zasloni prikazani u uređivaču teme.
• views/: Twig predlošci. layout_global.twig je glavni raspored za većinu stranica upitnika. Drugi rasporedi koriste se za posebne stranice, na primjer layout_survey_list.twig za javni popis upitnika i layout_errors.twig za stranice s pogreškama. Mapa views/subviews/ sadrži manje predloške koje rasporedi uključuju.
• css/ i scripts/: CSS i JavaScript datoteke teme.
• files/: Slike i druge datoteke koje tema koristi.
• options/: Stranica za opcije teme.

Twig predlošci

Predlošci primaju podatke o upitniku u varijabli aSurveyInfo. Da biste vidjeli sve što sadrži, uključite način rada za otklanjanje pogrešaka u application/config/config.php i dodajte ovaj redak na kraj elementa body u layout_global.twig:

{{ dump(aSurveyInfo) }}

Funkcije koje možete koristiti u predlošcima potražite u dostupnim Twig funkcijama. Iz sigurnosnih razloga predlošci se izvode u sandboxu, pa su dostupne samo te funkcije.

config.xml

Odjeljak <files> navodi CSS i JavaScript datoteke koje se učitavaju na stranicama upitnika:

• <add> dodaje datoteku. Ako nadređena tema već ima datoteku istog naziva, vaša je datoteka zamjenjuje.
• <remove> sprječava učitavanje datoteke nadređene teme.

Datoteke nadređene teme ne trebate ponovno navoditi: one se ionako učitavaju.

LimeSurvey čita config.xml kada se tema instalira i sprema postavke u bazu podataka. Nakon što promijenite config.xml instalirane teme, idite na Konfiguracija > Teme, otvorite izbornik radnji (⋯) teme i kliknite Poništi kako biste ponovno učitali datoteku.

Dodavanje vlastitog CSS-a i JavaScripta

Svaka osnovna tema ima dvije datoteke rezervirane za vaš vlastiti kôd:

• css/custom.css: Učitava se nakon svih ostalih CSS datoteka, pa njegova pravila nadjačavaju stilove teme.
• scripts/custom.js: Učitava se nakon JavaScripta same teme.

Kada proširujete temu, to su datoteke koje trebate mijenjati. Svoj CSS dodajte u custom.css umjesto da uređujete glavne CSS datoteke teme, kako bi vaša tema i dalje dobivala ažuriranja nadređene teme.

Da biste dodali više datoteka, učitajte ih i navedite u odjeljku <files> u config.xml svoje teme. Koristite naziv datoteke koji ne postoji u nadređenoj temi, inače će vaša datoteka zamijeniti datoteku nadređene teme:

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

Stranice upitnika prema zadanim se postavkama učitavaju pomoću Ajaxa, pa preglednik ne učitava cijelu stranicu kada ispitanik prijeđe na sljedeću stranicu. Pokrenite svoj JavaScript i pri prvom učitavanju stranice i pri svakom Ajax učitavanju stranice:

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

Stiliziranje pitanja pomoću CSS-a

Svi primjeri u ovom odjeljku idu u datoteku custom.css vaše teme.

Klase stranice

Elementi <html> i <body> imaju klase koje možete koristiti za stiliziranje cijelih stranica:

• html: Kôd jezika (na primjer en) i smjer teksta (dir-ltr ili dir-rtl).
• body: Naziv teme i svake nadređene teme (na primjer fruity_twentythree), font (na primjer font-ibm-sans), jezik (na primjer lang-en) i brand-logo kada je logotip prikazan.

Klase spremnika pitanja

Svako pitanje obuhvaćeno je elementom s klasom question-container. On ima i sljedeće:

• Klasu vrste pitanja (pogledajte tablicu u nastavku).
• mandatory: Pitanje je obavezno ili meko obavezno.
• input-error: Odgovor nije prošao provjeru ili na obavezno pitanje nije odgovoreno.
• missing: Pitanje još ima neodgovorene dijelove, a ispitanik je već prešao dalje.
• ls-hidden i ls-irrelevant: Pitanje je sakriveno zbog svog uvjeta.
• ls-hidden-attribute: Pitanje je sakriveno postavkom „Uvijek sakrij ovo pitanje“.
• Sve klase unesene u postavku CSS klase pitanja (pod Prikaži). Koristite to za stiliziranje pojedinačnih pitanja.

Na primjer, obavezno pitanje Popis (Radio) na koje nije odgovoreno:

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

Klase vrsta pitanja

Vrsta pitanja	Klasa	Kôd vrste
Izbor 5 opcija	.choice-5-pt-radio	5
Niz	.array-flexible-row	F
Niz (izbor u 5 opcija)	.array-5-pt	A
Niz (izbor u 10 opcija)	.array-10-pt	B
Niz (Povećaj/Isto/Smanji)	.array-increase-same-decrease	E
Niz (Brojevi)	.array-multi-flexi	:
Niz (Tekstovi)	.array-multi-flexi-text	;
Niz (Da/Nesigurno/Ne)	.array-yes-uncertain-no	C
Niz po stupcima	.array-flexible-column	H
Niz dvostruke skale	.array-flexible-dual-scale	1
Datum/vrijeme	.date	D
Jednadžba	.equation	*
Učitavanje datoteka	.upload-files	|
Spol	.gender	G
Slobodan tekst (dugačak)	.text-huge	U
Promjena jezika	.language	I
Popis (padajući izbornik)	.list-dropdown	!
Popis (Radio)	.list-radio	L
Popis s komentarom	.list-with-comment	O
Slobodan dugačak tekst	.text-long	T
Višestruki izbor	.multiple-opt	M
Višestruki izbor s komentarima	.multiple-opt-comments	P
Višestruki numerički unos	.numeric-multi	K
Više kraćih tekstova	.multiple-short-txt	Q
Numerički unos	.numeric	N
Rangiranje	.ranking	R
Slobodan tekst (kratak)	.text-short	S
Prikaz teksta	.boilerplate	X
Da/Ne	.yes-no	Y

Klase za dijelove pitanja

Unutar spremnika pitanja područje odgovora koristi sljedeće klase. Neke ovise o postavkama prikaza pitanja: na primjer, Niz (Brojevi) koristi drukčije klase kada prikazuje potvrdne okvire umjesto padajućih izbornika.

Klasa	Namjena	Koriste (primjeri)
.ls-answers	Element koji sadrži sve opcije odgovora	Sve vrste pitanja
.answers-list	Popis ili redak opcija odgovora	Popis (Radio), Višestruki izbor, Rangiranje, reci većine nizova
.subquestion-list, .questions-list	Popis ili tablica potpitanja	Nizovi, Više kraćih tekstova, Višestruki numerički unos
.answer-item	Jedna opcija odgovora ili jedan unos	Gotovo sve vrste pitanja
.noanswer-item	Opcija "Bez odgovora"	Nizovi, Izbor 5 opcija, Popis s komentarom
.question-item	Potpitanje koje je ujedno i odgovor	Višestruki izbor, Više kraćih tekstova, Višestruki numerički unos
.radio-list	Popis ili redak radio gumba	Popis (Radio), Izbor 5 opcija, Popis s komentarom, reci nizova s radio gumbima
.radio-array	Tablica radio gumba	Niz, Niz (izbor u 5 opcija), Niz (izbor u 10 opcija), Niz (Povećaj/Isto/Smanji), Niz (Da/Nesigurno/Ne)
.radio-item	Jedan radio gumb s oznakom	Popis (Radio), Izbor 5 opcija, Popis s komentarom, nizovi s radio gumbima
.checkbox-list	Popis potvrdnih okvira	Višestruki izbor, Višestruki izbor s komentarima
.checkbox-array	Tablica potvrdnih okvira	Niz (Brojevi) s izgledom potvrdnog okvira
.checkbox-item	Jedan potvrdni okvir s oznakom	Višestruki izbor, Višestruki izbor s komentarima, Niz (Brojevi) s izgledom potvrdnog okvira
.checkbox-text-item	Potvrdni okvir s tekstualnim poljem	Višestruki izbor s komentarima
.comment-item	Polje za komentar pored potvrdnog okvira	Višestruki izbor s komentarima
.text-list	Popis tekstualnih unosa	Više kraćih tekstova, Višestruki numerički unos
.text-item	Jedan tekstualni unos	Slobodan tekst (kratak), dugi i vrlo dugi slobodan tekst, Više kraćih tekstova, Niz (Tekstovi)
.number-list, .numeric-item	Numerički unosi	Višestruki numerički unos, Numerički unos
.number-array	Tablica numeričkih unosa	Niz (Brojevi), Niz (Tekstovi)
.text-array	Tablica tekstualnih unosa	Niz (Tekstovi), Niz (Brojevi)
.dropdown-array, .dropdown-list, .dropdown-item	Tablice, reci i ćelije s padajućim izbornicima	Niz (Brojevi), Niz dvostruke skale s padajućim izbornicima
.date-item	Unos datuma	Datum/vrijeme
.upload-item	Područje za učitavanje datoteka	Učitavanje datoteka
.answertext	Tekst potpitanja u retku niza	Nizovi
.col-answers	Stupac s tekstovima potpitanja	Nizovi
.ls-heading	Redak zaglavlja s opcijama odgovora	Nizovi
.ls-odd, .ls-even	Naizmjenični reci	Nizovi
.ls-label-xs-visibility	Oznaka koja je vidljiva samo na malim ekranima i čitačima ekrana	Ćelije nizova
.ls-input-group-extra	Prefiks ili sufiks unosa	Slobodan tekst (kratak), Numerički unos, Više kraćih tekstova, Višestruki numerički unos
.ls-js-hidden	Skriveno kada je JavaScript aktivan	Niz dvostruke skale, Popis (Radio)
.ls-no-js-hidden	Skriveno kada JavaScript nije aktivan	Rangiranje
.ls-js-hidden-sr	Skriveno kada je JavaScript aktivan, ali ga čitači ekrana i dalje čitaju	Rangiranje

U vrsti pitanja Popis (Radio) opcija "Bez odgovora" ima klasu no-anwser-item (s ovim pravopisom) umjesto noanswer-item.

Na primjer, ovo je HTML odgovora pitanja vrste Popis (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>

Klase za provjeru i savjete

Savjeti za provjeru (kao što su "Izaberite jedan od ponuđenih odgovora" ili "Unesite broj između 1 i 10") uvijek imaju klasu ls-em-tip. Dok ispitanik odgovara, LimeSurvey dodaje ls-em-success kada je pravilo savjeta ispunjeno, a ls-em-error kada nije, tako da ta dva stanja možete urediti različitim stilom. Savjeti skriveni postavkom pitanja Sakrij savjet dobivaju klasu hide-tip.

Svaki savjet ima i klasu prema svojoj vrsti:

Klasa	Savjet
.em_default	Zadani savjet vrste pitanja (na primjer "Izaberite jedan od ponuđenih odgovora")
.em_num_answers	Minimalni ili maksimalni broj odgovora
.em_value_range	Minimalna ili maksimalna vrijednost
.em_sum_range	Minimalni ili maksimalni zbroj vrijednosti
.em_sum_equals	Vrijednosti moraju zajedno dati zadani zbroj
.em_value_integer	Dopušteni su samo cijeli brojevi
.em_numbers_only	Dopušteni su samo brojevi
.em_other_numbers_only	U polju "Ostalo" dopušteni su samo brojevi
.em_other_comment_mandatory	Opcija "Ostalo" je odabrana, ali je njezino tekstualno polje prazno
.em_regex_validation	Odgovor mora odgovarati uzorku za provjeru
.em_q_fn_validation	Jednadžba validacije pitanja
.em_sq_fn_validation	Jednadžba validacije potpitanja

Jezici s pisanjem zdesna nalijevo (RTL)

Za jezike koji se pišu zdesna nalijevo element <html> ima klasu dir-rtl, a osnovne teme učitavaju RTL verziju svoje glavne CSS datoteke. Koristite .dir-rtl u svom CSS-u za pravila koja se odnose samo na jezike s pisanjem zdesna nalijevo.

Savjeti i trikovi

Ovi recepti idu u custom.css (ili u Twig datoteku, gdje je tako navedeno) teme koju ste proširili iz osnovne teme. U primjerima zamijenite #c0392b vlastitom bojom.

Promjena boje radio gumba i potvrdnih okvira

Za korištenje jedne od boja koje dolaze s temom Fruity TwentyThree odaberite Boja teme u opcijama teme. Opcije teme omogućuju i odabir drugačije opcije Označite ikonu.

Za bilo koju drugu boju dodajte CSS u custom.css. Osnovne teme crtaju vlastite radio gumbe i potvrdne okvire umjesto zadanih preglednikovih, pa promjena boje znači promjenu tih nacrtanih elemenata.

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

Zadržite dovoljan kontrast između boje i pozadine kako bi ispitanici sa slabijim vidom i dalje mogli vidjeti koji su odgovori odabrani.

Povećanje radio gumba i potvrdnih okvira

Veće radio gumbe i potvrdne okvire lakše je dodirnuti na mobitelima i tabletima. Ovo radi u svim osnovnim temama:

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

U temi Fruity TwentyThree dodajte i nešto razmaka između radio gumba i teksta odgovora:

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

Vrijednosti do otprilike 1.4 rade bez dodatnih promjena. Kod većih vrijednosti kontrole se počinju preklapati s tekstom odgovora i rubovima redaka niza na malim ekranima, pa je potrebno dodati i više prostora oko njih.

Promjena boje trake napretka

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

Prikaz sadržaja samo na jednom jeziku

Element <body> ima klasu s trenutnim jezikom, na primjer lang-en ili lang-fr. Možete je koristiti za prikaz različitog sadržaja po jeziku, na primjer retka pomoći u podnožju. Dodajte tekst za svaki jezik u Twig datoteku svoje teme, kao što je 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>

Zatim sakrijte tekstove drugih jezika u custom.css:

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

Korištenje različitog logotipa po upitniku

Ne trebate zasebnu temu za svaki logotip. Opcije teme mogu se postaviti za pojedinačni upitnik: otvorite upitnik, kliknite Opcije teme u izborniku Postavke upitnika i odaberite drugu Logo datoteka. Pogledajte Opcije teme.

Prikaz vlastitog favicona

Favicon je mala ikona prikazana na kartici preglednika i u oznakama. Osnovne teme prikazuju datoteku files/favicon.ico teme. Za korištenje vlastite ikone nazovite je favicon.ico i učitajte je u panelu Ostale datoteke svoje proširene teme. Ona zamjenjuje ikonu roditeljske teme.

Centriranje logotipa u temi Fruity TwentyThree

Uključite Logo u opcijama teme, a zatim dodajte ovo u custom.css:

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

Dodajte vlastiti logo na javni popis upitnika

Javni popis upitnika prema zadanim postavkama prikazuje logo LimeSurvey. Za prikaz vlastitog loga:

1. Proširite temu Fruity TwentyThree i otvorite svoju temu u uređivaču tema.
2. Učitajte svoj logo u panel Ostale datoteke.
3. Odaberite zaslon Popis upitnika i otvorite layout_survey_list.twig.
4. Pronađite <div> koji sadrži {{ include('./ls_logo_svg.twig') }}. Zamijenite cijeli taj <div>, uključujući redak s include, kodom prikazanim ispod ovih koraka.
5. Kliknite Kopirajte u lokalnu temu i spremite promjene.
6. Idite na Konfiguracija > Globalne postavke > Općenito i odaberite svoju temu kao Tema za javni popis upitnika i stranice s pogreškama.

Upotrijebite naziv svoje učitane datoteke, a naziv svoje organizacije kao alternativni tekst:

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

Dodajte razdjelnu liniju u nizove s dvostrukom skalom

Za crtanje okomite linije između dviju skala pitanja tipa Niz dvostruke skale:

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

JavaScript u pitanjima

Za pokretanje JavaScripta na svim stranicama vaših upitnika stavite ga u custom.js svoje teme (pogledajte iznad).

Skriptu možete dodati i u tekst pojedinog pitanja ili grupe. LimeSurvey uklanja skripte iz tih tekstova osim ako je XSS filter isključen za vašeg korisnika. Filter se nikada ne primjenjuje na superadministratore. Za ostale korisnike mora biti isključena opcija Filtrirati HTML za XSS u Konfiguracija > Globalne postavke > Sigurnost. To učinite samo ako vjerujete svima koji mogu uređivati upitnike. Za detalje i primjere pogledajte Zaobilazna rješenja: manipuliranje upitnikom tijekom izvođenja pomoću JavaScripta.