LimeSurvey Manual
Menu
Navigation
Main page
Recent changes
Random page
Help
Search
Special pages
Printable version
Recent changes
Help
English
Log in
Actions
Translate
Language statistics
Message group statistics
Export
Special
Export translations
Settings
Group
Activating a survey
Adding answers or subquestions
Administering LimeSurvey
Alternatives to the LimeSurvey import function
Assessments
Backup entire database
Batch deletion
Category:Advanced Question Settings
Category:General Question Options
Category:Question Settings
Central Participant Database
Changing an active survey
Check data integrity
Check question logic
Check survey logic - Advanced
Closing a survey
ComfortUpdate
Copy question
Data encryption
Data entry
Data policy settings
DateFunctions
Default answers
Delete question
Delete survey
Display/Export survey
Edit question
Email bounce tracking system
Email templates
Export question
Export responses
Exporting results
Expression Manager
Expression Manager sample surveys
ExpressionScript - Presentation
ExpressionScript Engine - Quick start guide
ExpressionScript examples
ExpressionScript How-tos
ExpressionScript sample surveys
Extension compatibility
Failed email notifications
First login - your user preferences
General FAQ
General settings
Getting started
Global settings
Google API howto
Home page settings
How to design a good survey (guide)
Import responses
Importing a survey
Installation - LimeSurvey CE
Installation FAQ
Installation of the LimeSurvey XAMPP package
Installation security hints
Installation using a command line interface (CLI)
Installation Version 1.92 or older
Iterate survey
Label sets
LDAP settings
License
LimeSurvey Manual
LimeSurvey PRO vs LimeSurvey CE
LimeSurvey Users
LimeSurvey Video-Tutorial
LimeSurvey-compatible hosting companies
List question groups
List questions
Localization
Major version upgrade
Make your plugin compatible with LS4
Manage user groups
Manage users
Menu configuration
Menu entries configuration
Multilingual survey
New Template System in LS3.x
Not categorized and advanced features
Notifications & data
Optional settings
Overview
Panel integration
Participant settings
Plugin manager
Plugin menu
Plugins - advanced
Presentation
Preview function
Problems & solutions
Publication & access
QS:Allowed filetypes
QS:Alphasort
QS:Answer width
QS:Array filter
QS:Array filter exclude
QS:Array filter style
QS:Assessment value
QS:Autocheck exclusive option
QS:Category separator
QS:Chart type
QS:Choice column width
QS:Choice header
QS:Code filter
QS:Commented checkbox
QS:CSS Class
QS:Date max
QS:Date min
QS:Date time format
QS:Display chart
QS:Display columns
QS:Display map
QS:Display rows
QS:Display type
QS:Dropdown dates
QS:Dropdown dates year max
QS:Dropdown dates year min
QS:Dropdown prefix
QS:Dropdown prepostfix
QS:Dropdown separators
QS:Dropdown size
QS:Dualscale headerA
QS:Dualscale headerB
QS:Em validation q
QS:Em validation q tip
QS:Em validation sq
QS:Em validation sq tip
QS:Encryption
QS:Equals num value
QS:Equation
QS:Exclusive option
QS:Get order previous q
QS:Hidden
QS:Hide tip
QS:Input box size
QS:Input boxes
QS:Input max characters
QS:Label column width
QS:Location city
QS:Location country
QS:Location defaultcoordinates
QS:Location mapheight
QS:Location mapservice
QS:Location mapwidth
QS:Location mapzoom
QS:Location nodefaultfromip
QS:Location postal
QS:Location state
QS:Mandatory
QS:Max answers
QS:Max filesize
QS:Max num value
QS:Max num value n
QS:Max num value sgqa
QS:Max subquestions
QS:Maximum chars
QS:Maximum number of files
QS:Min answers
QS:Min num value
QS:Min num value n
QS:Minimum number of files
QS:Minute step interval
QS:Month display style
QS:Multiflexible checkbox
QS:Multiflexible max
QS:Multiflexible min
QS:Multiflexible step
QS:Num value int only
QS:Numbers only
QS:Other
QS:Other comment mandatory
QS:Other numbers only
QS:Other Position
QS:Other replace text
QS:Page break
QS:Prefix
QS:Preg validation
QS:Printable survey relevance help
QS:Public statistics
QS:Question theme
QS:Random group
QS:Random order
QS:Rank header
QS:Relevance
QS:Remove text or uncheck checkbox
QS:Repeat headers
QS:Reverse
QS:Samechoiceheight
QS:Samelistheight
QS:Scale export
QS:Show comment
QS:Show grand total
QS:Show title
QS:Show totals
QS:Showpopups
QS:Slider accuracy
QS:Slider default
QS:Slider handle shape
QS:Slider handle Unicode shape
QS:Slider initial value
QS:Slider layout
QS:Slider max
QS:Slider middlestart
QS:Slider min
QS:Slider orientation
QS:Slider rating
QS:Slider reset
QS:Slider reverse
QS:Slider separator
QS:Slider showminmax
QS:Subquestion width
QS:Suffix
QS:Text input width
QS:Theme editor - advanced options
QS:Time limit
QS:Time limit action
QS:Time limit countdown message
QS:Time limit disable next
QS:Time limit disable prev
QS:Time limit message
QS:Time limit message delay
QS:Time limit message style
QS:Time limit timer style
QS:Time limit warning
QS:Time limit warning display time
QS:Time limit warning message
QS:Time limit warning style
QS:Use dropdown
QS:Value range allows missing
Question groups - introduction
Question toolbar options
Question type - 5 point choice
Question type - Array
Question type - Array (10 point choice)
Question type - Array (5 point choice)
Question type - Array (Increase-Same-Decrease)
Question type - Array (Numbers)
Question type - Array (Texts)
Question type - Array (Yes-No-Uncertain)
Question type - Array by column
Question type - Array dual scale
Question type - Date
Question type - Equation
Question type - File upload
Question type - Gender
Question type - Huge free text
Question type - Language switch
Question type - List (Dropdown)
Question type - List (Radio)
Question type - List with comment
Question type - Long free text
Question type - Multiple choice
Question type - Multiple choice with comments
Question type - Multiple numerical input
Question type - Multiple short text
Question type - Numerical input
Question type - Ranking
Question type - Short free text
Question type - Text display
Question type - Yes-No
Question types
Questions - introduction
QueXML PDF Export
Quick start guide - LimeSurvey 2.50+
Quick start guide - LimeSurvey 3.0+
Quick-translation
Regenerate question codes
Reorder questions and question groups
Reset conditions
Resources
Responses & statistics
Responses (survey results)
Running a survey safely
Setting conditions
SGQA identifier
Statistics
Survey group permissions
Survey menu
Survey participants
Survey permissions
Survey quotas
Survey settings
Survey settings version 2
Survey structure
Survey toolbar options
Surveys - introduction
Surveys - management
Tab Separated Value survey structure
Template:Deprecated
Template:DeprecatedIn
Template:Example
Template:FeatureChange
Template:FeatureStarting
Template:Hint
Template:NewIn
Template:UpdatedIn
Testing a survey
Text elements
Theme editor
Theme options
Themes
Timing statistics
Tools
Transferring an installation
Translating LimeSurvey
Troubleshooting
TwoFactorAdminLogin
Upgrading from a previous version
URL fields
Using regular expressions
Version change log
Version guide
View saved but not submitted responses
Workarounds
Language
aa - Afar
ab - Abkhazian
abs - Ambonese Malay
ace - Achinese
acm - Iraqi Arabic
ady - Adyghe
ady-cyrl - Adyghe (Cyrillic script)
aeb - Tunisian Arabic
aeb-arab - Tunisian Arabic (Arabic script)
aeb-latn - Tunisian Arabic (Latin script)
af - Afrikaans
aln - Gheg Albanian
alt - Southern Altai
am - Amharic
ami - Amis
an - Aragonese
ang - Old English
ann - Obolo
anp - Angika
ar - Arabic
arc - Aramaic
arn - Mapuche
arq - Algerian Arabic
ary - Moroccan Arabic
arz - Egyptian Arabic
as - Assamese
ase - American Sign Language
ast - Asturian
atj - Atikamekw
av - Avaric
avk - Kotava
awa - Awadhi
ay - Aymara
az - Azerbaijani
azb - South Azerbaijani
ba - Bashkir
ban - Balinese
ban-bali - Balinese (Balinese script)
bar - Bavarian
bbc - Batak Toba
bbc-latn - Batak Toba (Latin script)
bcc - Southern Balochi
bci - Baoulé
bcl - Central Bikol
bdr - West Coast Bajau
be - Belarusian
be-tarask - Belarusian (Taraškievica orthography)
bew - Betawi
bg - Bulgarian
bgn - Western Balochi
bh - Bhojpuri
bho - Bhojpuri
bi - Bislama
bjn - Banjar
blk - Pa'O
bm - Bambara
bn - Bangla
bo - Tibetan
bpy - Bishnupriya
bqi - Bakhtiari
br - Breton
brh - Brahui
bs - Bosnian
btm - Batak Mandailing
bto - Iriga Bicolano
bug - Buginese
bxr - Russia Buriat
ca - Catalan
cbk-zam - Chavacano
cdo - Min Dong Chinese
ce - Chechen
ceb - Cebuano
ch - Chamorro
cho - Choctaw
chr - Cherokee
chy - Cheyenne
ckb - Central Kurdish
co - Corsican
cps - Capiznon
cpx - Pu-Xian Min
cpx-hans - Pu-Xian Min (Simplified Han script)
cpx-hant - Pu-Xian Min (Traditional Han script)
cpx-latn - Pu-Xian Min (Latin script)
cr - Cree
crh - Crimean Tatar
crh-cyrl - Crimean Tatar (Cyrillic script)
crh-latn - Crimean Tatar (Latin script)
crh-ro - Crimean Tatar (Romania)
cs - Czech
csb - Kashubian
cu - Church Slavic
cv - Chuvash
cy - Welsh
da - Danish
dag - Dagbani
de - German
de-at - Austrian German
de-ch - Swiss High German
de-formal - German (formal address)
dga - Dagaare
din - Dinka
diq - Zazaki
dsb - Lower Sorbian
dtp - Central Dusun
dty - Doteli
dv - Divehi
dz - Dzongkha
ee - Ewe
egl - Emilian
el - Greek
eml - Emiliano-Romagnolo
en - English
en-ca - Canadian English
en-gb - British English
eo - Esperanto
es - Spanish
es-419 - Latin American Spanish
es-formal - Spanish (formal address)
et - Estonian
eu - Basque
ext - Extremaduran
fa - Persian
fat - Fanti
ff - Fula
fi - Finnish
fit - Tornedalen Finnish
fj - Fijian
fo - Faroese
fon - Fon
fr - French
frc - Cajun French
frp - Arpitan
frr - Northern Frisian
fur - Friulian
fy - Western Frisian
ga - Irish
gaa - Ga
gag - Gagauz
gan - Gan Chinese
gan-hans - Gan (Simplified)
gan-hant - Gan (Traditional)
gcr - Guianan Creole
gd - Scottish Gaelic
gl - Galician
gld - Nanai
glk - Gilaki
gn - Guarani
gom - Goan Konkani
gom-deva - Goan Konkani (Devanagari script)
gom-latn - Goan Konkani (Latin script)
gor - Gorontalo
got - Gothic
gpe - Ghanaian Pidgin
grc - Ancient Greek
gsw - Alemannic
gu - Gujarati
guc - Wayuu
gur - Frafra
guw - Gun
gv - Manx
ha - Hausa
hak - Hakka Chinese
haw - Hawaiian
he - Hebrew
hi - Hindi
hif - Fiji Hindi
hif-latn - Fiji Hindi (Latin script)
hil - Hiligaynon
hno - Northern Hindko
ho - Hiri Motu
hr - Croatian
hrx - Hunsrik
hsb - Upper Sorbian
hsn - Xiang Chinese
ht - Haitian Creole
hu - Hungarian
hu-formal - Hungarian (formal address)
hy - Armenian
hyw - Western Armenian
hz - Herero
ia - Interlingua
id - Indonesian
ie - Interlingue
ig - Igbo
igl - Igala
ii - Sichuan Yi
ik - Inupiaq
ike-cans - Eastern Canadian (Aboriginal syllabics)
ike-latn - Eastern Canadian (Latin script)
ilo - Iloko
inh - Ingush
io - Ido
is - Icelandic
it - Italian
iu - Inuktitut
ja - Japanese
jam - Jamaican Creole English
jbo - Lojban
jut - Jutish
jv - Javanese
ka - Georgian
kaa - Kara-Kalpak
kab - Kabyle
kai - Karekare
kbd - Kabardian
kbd-cyrl - Kabardian (Cyrillic script)
kbp - Kabiye
kcg - Tyap
kea - Kabuverdianu
kg - Kongo
khw - Khowar
ki - Kikuyu
kiu - Kirmanjki
kj - Kuanyama
kjh - Khakas
kjp - Eastern Pwo
kk - Kazakh
kk-arab - Kazakh (Arabic script)
kk-cn - Kazakh (China)
kk-cyrl - Kazakh (Cyrillic script)
kk-kz - Kazakh (Kazakhstan)
kk-latn - Kazakh (Latin script)
kk-tr - Kazakh (Turkey)
kl - Kalaallisut
km - Khmer
kn - Kannada
ko - Korean
ko-kp - Korean (North Korea)
koi - Komi-Permyak
kr - Kanuri
krc - Karachay-Balkar
kri - Krio
krj - Kinaray-a
krl - Karelian
ks - Kashmiri
ks-arab - Kashmiri (Arabic script)
ks-deva - Kashmiri (Devanagari script)
ksh - Colognian
ksw - S'gaw Karen
ku - Kurdish
ku-arab - Kurdish (Arabic script)
ku-latn - Kurdish (Latin script)
kum - Kumyk
kus - Kʋsaal
kv - Komi
kw - Cornish
ky - Kyrgyz
la - Latin
lad - Ladino
lb - Luxembourgish
lbe - Lak
lez - Lezghian
lfn - Lingua Franca Nova
lg - Ganda
li - Limburgish
lij - Ligurian
liv - Livonian
lki - Laki
lld - Ladin
lmo - Lombard
ln - Lingala
lo - Lao
loz - Lozi
lrc - Northern Luri
lt - Lithuanian
ltg - Latgalian
lus - Mizo
luz - Southern Luri
lv - Latvian
lzh - Literary Chinese
lzz - Laz
mad - Madurese
mag - Magahi
mai - Maithili
map-bms - Basa Banyumasan
mdf - Moksha
mg - Malagasy
mh - Marshallese
mhr - Eastern Mari
mi - Māori
min - Minangkabau
mk - Macedonian
ml - Malayalam
mn - Mongolian
mnc - Manchu
mnc-latn - Manchu (Latin script)
mnc-mong - Manchu (Mongolian script)
mni - Manipuri
mnw - Mon
mo - Moldovan
mos - Mossi
mr - Marathi
mrh - Mara
mrj - Western Mari
ms - Malay
ms-arab - Malay (Jawi script)
mt - Maltese
mus - Muscogee
mwl - Mirandese
my - Burmese
myv - Erzya
mzn - Mazanderani
na - Nauru
nah - Nāhuatl
nan - Min Nan Chinese
nap - Neapolitan
nb - Norwegian Bokmål
nds - Low German
nds-nl - Low Saxon
ne - Nepali
new - Newari
ng - Ndonga
nia - Nias
niu - Niuean
nl - Dutch
nl-informal - Dutch (informal address)
nmz - Nawdm
nn - Norwegian Nynorsk
no - Norwegian
nod - Northern Thai
nog - Nogai
nov - Novial
nqo - N’Ko
nrm - Norman
nso - Northern Sotho
nv - Navajo
ny - Nyanja
nyn - Nyankole
nys - Nyungar
oc - Occitan
ojb - Northwestern Ojibwa
olo - Livvi-Karelian
om - Oromo
or - Odia
os - Ossetic
pa - Punjabi
pag - Pangasinan
pam - Pampanga
pap - Papiamento
pcd - Picard
pcm - Nigerian Pidgin
pdc - Pennsylvania German
pdt - Plautdietsch
pfl - Palatine German
pi - Pali
pih - Norfuk / Pitkern
pl - Polish
pms - Piedmontese
pnb - Western Punjabi
pnt - Pontic
prg - Prussian
ps - Pashto
pt - Portuguese
pt-br - Brazilian Portuguese
pwn - Paiwan
qu - Quechua
qug - Chimborazo Highland Quichua
rgn - Romagnol
rif - Riffian
rki - Arakanese
rm - Romansh
rmc - Carpathian Romani
rmy - Vlax Romani
rn - Rundi
ro - Romanian
roa-tara - Tarantino
rsk - Pannonian Rusyn
ru - Russian
rue - Rusyn
rup - Aromanian
ruq - Megleno-Romanian
ruq-cyrl - Megleno-Romanian (Cyrillic script)
ruq-latn - Megleno-Romanian (Latin script)
rw - Kinyarwanda
ryu - Okinawan
sa - Sanskrit
sah - Yakut
sat - Santali
sc - Sardinian
scn - Sicilian
sco - Scots
sd - Sindhi
sdc - Sassarese Sardinian
sdh - Southern Kurdish
se - Northern Sami
se-fi - Northern Sami (Finland)
se-no - Northern Sami (Norway)
se-se - Northern Sami (Sweden)
sei - Seri
ses - Koyraboro Senni
sg - Sango
sgs - Samogitian
sh - Serbo-Croatian
sh-cyrl - Serbo-Croatian (Cyrillic script)
sh-latn - Serbo-Croatian (Latin script)
shi - Tachelhit
shi-latn - Tachelhit (Latin script)
shi-tfng - Tachelhit (Tifinagh script)
shn - Shan
shy - Shawiya
shy-latn - Shawiya (Latin script)
si - Sinhala
simple - Simple English
sjd - Kildin Sami
sje - Pite Sami
sk - Slovak
skr - Saraiki
skr-arab - Saraiki (Arabic script)
sl - Slovenian
sli - Lower Silesian
sm - Samoan
sma - Southern Sami
smn - Inari Sami
sms - Skolt Sami
sn - Shona
so - Somali
sq - Albanian
sr - Serbian
sr-ec - Serbian (Cyrillic script)
sr-el - Serbian (Latin script)
srn - Sranan Tongo
sro - Campidanese Sardinian
ss - Swati
st - Southern Sotho
stq - Saterland Frisian
sty - Siberian Tatar
su - Sundanese
sv - Swedish
sw - Swahili
syl - Sylheti
szl - Silesian
szy - Sakizaya
ta - Tamil
tay - Tayal
tcy - Tulu
tdd - Tai Nuea
te - Telugu
tet - Tetum
tg - Tajik
tg-cyrl - Tajik (Cyrillic script)
tg-latn - Tajik (Latin script)
th - Thai
ti - Tigrinya
tk - Turkmen
tl - Tagalog
tly - Talysh
tly-cyrl - Talysh (Cyrillic script)
tn - Tswana
to - Tongan
tok - Toki Pona
tpi - Tok Pisin
tr - Turkish
tru - Turoyo
trv - Taroko
ts - Tsonga
tt - Tatar
tt-cyrl - Tatar (Cyrillic script)
tt-latn - Tatar (Latin script)
tum - Tumbuka
tw - Twi
ty - Tahitian
tyv - Tuvinian
tzm - Central Atlas Tamazight
udm - Udmurt
ug - Uyghur
ug-arab - Uyghur (Arabic script)
ug-latn - Uyghur (Latin script)
uk - Ukrainian
ur - Urdu
uz - Uzbek
uz-cyrl - Uzbek (Cyrillic script)
uz-latn - Uzbek (Latin script)
ve - Venda
vec - Venetian
vep - Veps
vi - Vietnamese
vls - West Flemish
vmf - Main-Franconian
vmw - Makhuwa
vo - Volapük
vot - Votic
vro - Võro
wa - Walloon
wal - Wolaytta
war - Waray
wls - Wallisian
wo - Wolof
wuu - Wu Chinese
wuu-hans - Wu Chinese (Simplified)
wuu-hant - Wu Chinese (Traditional)
xal - Kalmyk
xh - Xhosa
xmf - Mingrelian
xsy - Saisiyat
yi - Yiddish
yo - Yoruba
yrl - Nheengatu
yue - Cantonese
yue-hans - Cantonese (Simplified)
yue-hant - Cantonese (Traditional)
za - Zhuang
zea - Zeelandic
zgh - Standard Moroccan Tamazight
zh - Chinese
zh-cn - Chinese (China)
zh-hans - Simplified Chinese
zh-hant - Traditional Chinese
zh-hk - Chinese (Hong Kong)
zh-mo - Chinese (Macau)
zh-my - Chinese (Malaysia)
zh-sg - Chinese (Singapore)
zh-tw - Chinese (Taiwan)
zu - Zulu
Format
Export for off-line translation
Export in native format
Export in CSV format
Fetch
{{DISPLAYTITLE:Thema-editor (Sjabloonbeheer)}}<languages /> <span id="Introduction"></span> ==Introductie== LimeSurvey heeft een systeem dat het mogelijk maakt om thema's (in oudere versies sjablonen genoemd) te maken. De thema's definiëren het uiterlijk van de pagina's van een enquête. Je kunt in het enquêtebeheer kiezen welk thema gebruikt wordt, en dat aanpassen. Hierbij kunnen het logo en de achtergrondkleuren aangepast worden, maar ook tekstkleuren voor specifieke vragen toevoegen. LimeSurvey wordt geleverd met een set standaardsthema's. Deze staan in de map ''themes/survey/'', voor elk thema is er een map. Hierin staan verschillende soorten bestanden:een configurate-bestand in XML, meerdere mappen met views '''themes (.twig)''', '''cascading style sheets (css)''', '''plaatjes''' ('''jpg''' en '''png''') en mogelijk andere. Sinds LimeSurvey 2.50 gebruikt de thema-engine [http://getbootstrap.com/docs/3.3/ Bootstrap 3] als CSS-framework. Bootstrap 3 is een standaard framework, er is elders veel documentatie, tutorials en forumthreads van beschikbaar. Sinds LimeSurvey 3 gebruikt de thema-engine [https://twig.symfony.com Twig], zodat de thema-ontwikkelaars de logica van de enquêteweergave op een veilige en gemakkelijke manier kunnen veranderen. Twig vervangt het oude systeem van vervangende trefwoorden dat in de oudere versies werd gebruikt. De logica die werd gebruikt om de HTML van de trefwoorden te genereren, is nu beschikbaar in de weergaven van het thema. Stukje code in het thema Vanilla: <syntaxhighlight lang="twig"> <div class="{{ aSurveyInfo.class.answercontainer }} col-xs-12" {{ aSurveyInfo.attr.answercontainer }}> {# NB: Als je de vraag er anders wilt laten uitzien, gebruik dan een vraagthema #} {{ aQuestion.answer | raw }} </div> </syntaxhighlight> Thema's bepalen door het gebruik van HTML en Twig-code ook het lettertype en de positie van de tekst en vergelijkbare structuren. Deze structuren worden vastgelegd in CSS (cascading style sheets), die o.a. de positie, lettertype, letterkleur en lettergrootte bepalen. Hiervoor worden klassen gebruikt, die refereren aan HTML-objecten in het sjabloon. Binnen LimeSurvey zijn er speciale klassen gedefinieerd, die gebruikt kunnen worden voor het aanpassen van deze elementen. Ook worden sleutelwoorden gebruikt om de inhoud aan te passen, zoals de titel van de enquête en alle vraagteksten. Als je een nieuw sjabloon ontwerpt, overweeg dan om het beschikbaar te stellen aan alle gebruikers van LimeSurvey. Er is een bibliotheek van beschikbare sjablonen, enquêtes en andere add-ons, en dat maakt LimeSurvey waardevoller! Kijk hiervoor op onze [https://www.limesurvey.org/index.php?option=com_sobipro&sid=55:Templates&Itemid=729 template repository] hoe je je sjablonen kunt delen met andere gebruikers. <span id="Creating_a_new_theme"></span> ==Een sjabloon aanmaken== Om een sjabloon aan te kunnen maken (of een bestaande aan te passen) heb je [[Manage users/nl#Globale rechten van een gebruiker instellen|Sjabloonrechten]] nodig binnen LimeSurvey. Ook heb je toestemming nodig om de bestanden binnen de sjabloonmap te wijzigen. <div class="simplebox"><span style='color:red'>'''Waarschuwing: '''</span>Een wijziging van een thema heeft gevolgen voor alle enquêtes die er gebruik van maken! Pas alleen een thema aan als je echt kennis van thema's en HTML hebt.</div> Het heeft de voorkeur om een nieuw thema te beginnen via '''Thema's''' (zie onder) onder '''Configuratie'''. Als je dat wilt, kun je de bestanden ook direct benaderen met je favoriete teksteditor. In dit voorbeeld gebruiken we de thema-editor om een nieuw thema aan te maken. Daarna kun je de bestanden vrijelijk aanpassen met een teksteditor. Map: ''LimeSurvey_web_root/upload/themes/survey/je_nieuwe_thema''. <div class="simplebox">'''Rechten:''' bij unix/linuxsystemen worden de thema's beheerd door de groep en eigenaar die ook de webserver beheerd. Kijk eerst of je de rechten hebt om de bestanden te wijzigen, en dat ze niet van eigenaar veranderen als je ze opslaat. Anders kan het zijn dat ze niet meer benaderbaar zijn in de Thema-editor.</div><br /> Een aantal 'publieke' elementen van LimeSurvey kunnen ook aangepast worden met behulp van sjablonen. {{Note|Bestanden van een thema zijn lastig te begrijpen als je geen kennis hebt van HTML, CSS, Twig en JavaScript.}} <span id="The_LimeSurvey_theme_editor"></span> =De Sjablooneditor= LimeSurvey heeft een editor ('''Configuratie''' > '''Thema's'''> '''Thema Editor''') om gemakkelijk een thema te wijzigen. Alleen [[Manage users#Set global permissions for a user|gebruikers met thema-rechten]] en de hoofdbeheerders hebben toegang tot deze editor. {{Alert|title=Attentie|text=Een fout in een thema kan ertoe leiden dat een enquête met dat thema niet meer in te vullen is door deelnemers. }} Je kunt de bestanden van het thema wijzigen en uitbreiden door te klikken op "Thema's" onder "Configuratie". [[File:templates.png]] Je selecteert het sjabloon dat je wilt bewerken/bekijken. [[File:Template-editor-2013-7-10_11_38_16.png|center]] De beschikbare opties: *'''Aanmaak''': geeft aan of er een sjabloon aangemaakt mag worden. Een nieuw sjabloon bestaat uit een kopie van het sjabloon 'default'. Je hoeft dus niet vanaf niets te beginnen. *'''Importeren''': importeren van een sjabloon uit een zip-bestand. *'''Exporteren:''' exporteert het huidige sjabloon naar een zip-bestand. *'''Kopiëren''': kopieert het huidige sjabloon naar een nieuw sjabloon. *'''Hernoemen''': geeft de mogelijkheid om het sjabloon een nieuwe naam te geven. Dit gebruik je meestal na het kopiëren of importeren van een bestaand sjabloon. *'''Sjabloon''': Een dropdownlijst met alle beschikbare sjablonen in je LimeSurvey installatie. *'''Scherm''': Een selectielijst waar je kunt kiezen welke pagina van de enquête je wilt zien. *'''Terug naar beheerpaneel'''. <span id="Import/Export/Copy_a_template"></span> ===Sjabloon importeren/exporteren/kopiëren=== Als je een sjabloon exporteert wordt er een zip aangemaakt met alle bestanden (pstpl-bestanden, plaatjes, style sheets, ...). Deze kun je simpel weer '''importeren''' bij een andere LimeSurvey-installatie. Je kunt ook de zip handmatig kopiëren en daarna uitpakken op de juiste [[Theme editor/nl#Locatie sjabloonbestanden|locatie]]. Het wordt aanbevolen om de sjabloon import/export/copy functies in de sjablooneditor te gebruiken. ===Paginastructuur / Sjabloongebruik=== *'''Welkomstpagina:''' startpage.pstpl, welcome.pstpl, privacy.pstpl, navigator.pstpl, endpage.pstpl *'''Vraagpagina:''' startpage.pstpl, survey.pstpl, startgroup.pstpl, groupdescription.pstpl, question.pstpl, endgroup.pstpl *'''Afsluitpagina:''' startpage.pstpl, assessment.pstpl, completed.pstpl, endpage.pstpl <span id="Template_files"></span> ===Sjabloonbestanden=== De volgende bestanden worden gebruikt om een enquête op te bouwen, ze moeten aanwezig zijn in elk sjabloon dat je aanmaakt: *'''startpage.pstpl:''' De "kop" van elke pagina. Begint met de "<head>" tag, maar de "<html>" tag staat er niet in. Wordt door de scripts aangemaakt. Wees er zeker van dat de startpage.pstpl een <body> tag heeft. Ook al staan de meeste browsers dit toe, dan nog heeft LimeSurvey deze tag nodig om elementen te kunnen wijzigen. Het is niet voor niets dat je veel 'sleutelwoorden' in startpage.pstpl opneemt, alhoewel het nuttig is om de tag {SURVEYNAME} in de titel te zetten. Startpage.pstpl kan code bevatten die in endpage.pstpl afgemaakt wordt, bijvoorbeeld een tabel die je hier opent en in endpage.pstpl weer sluit. Startpage.pstpl en endpage.pstpl files zijn eigenlijk de kop en voettekst van elke pagina van LimeSurvey. *'''survey.pstpl:''' De plaats van de naam en beschrijving van de enquête. Er is geen tegenhanger voor dit gedeelte, dus mocht je HTML willen gebruiken, sluit dan alle tags af aan het eind van dit gedeelte. *'''welcome.pstpl:''' Het sjabloon voor het welkomstscherm (of, bij "alles-in-een" enquêtes, het enige scherm). Hier kun je de welkomstboodschap en introductie van de enquête kwijt. Net zoals 'survey.pstpl' is er geen tegenhanger, dus sluit ook hier alle tags af als je die gebruikt. *'''startgroup.pstpl:''' wordt aan het begin van elke vraaggroep getoond. Dit sjabloon heeft de tegenhanger 'endgroup.pstpl', dus je hoeft daar pas de tags te sluiten. *'''groupdescription.pstpl:''' wordt gebruikt om een beschrijving van de groep te geven. Bij de enquête-instelling (''Presentatie & navigatie instellingen'' op de tab '''Presentatie''') kun je aangeven of deze getoond moet worden. Bij niet tonen wordt dit bestand niet meegenomen. *'''question.pstpl:''' de plaats van de vraag, antwoord en hulpteksten. In "groepsgeoriënteerde" en "alles-in-een" enquêtes wordt dit gedeelte telkens opnieuw gebruikt. Heeft geen tegenhanger: sluit alle tags af. *'''question_start.pstpl:''' bevat de individuele elementen die voor het begin van de vraag gezet worden. Deze worden in 'question.pstpl' via het {QUESTION} sleutelwoord opgenomen. Het is bedoeld om sjabloonontwerpers meer controle te geven hoe een vraag getoond wordt. Vanaf versie 1.87 is dit niet meer nodig: de sleutelwoorden zijn nu direct beschikbaar in question.pstpl. *'''completed.pstpl:''' wordt getoond als de deelnemer de resultaten verstuurd heeft en de enquête ten einde is. Kan ook gebruikt worden om een "forwarding link" te tonen zoals die gezet is in de instellingen van de enquête. *'''endgroup.pstpl:''' sluit een vraaggroep af, en kan gebruikt worden om tags die geopend zijn in startgroup.pstpl te sluiten. *'''navigator.pstpl:''' bevat de knoppen die de navigatiekeuzes "volgende", "vorige", "laatste", "verstuur", "opslaan" en "wis alles". Wordt gebruikt in alle pagina's behalve de compleet-pagina. *'''printanswers.pstpl:''' hierin staat de de HTML om de gedrukte versie van de enquête te tonen. *'''print_group.pstpl:''' heeft dezelfde opzet als startgroup.pstpl endgroup.pstpl voor de gedrukte versie van de enquête. *'''print_question.pstpl:''' heeft dezelfde opzet als question.pstpl voor de gedrukte versie. *'''print_survey.pstpl:''' zelfde betekenis als survey.pstpl maar dan voor de gedrukte versie. <span id="CSS_and_Javascript"></span> === CSS en JavaScript=== De twee bestanden die altijd in een sjabloon gebruikt worden zijn template.css (CSS) en template.js (JavaScript): *'''{TEMPLATECSS}:''' voegt de links voor standaard css, template.css en template-rtl.css (voor rechts-naar-links-talen) toe. *'''{TEMPLATEJS}:''' voegt de links toe voor de standaard JavaScript, template.js en alle JavaScript-bestanden nodig om LimeSurvey te laten werken. === Gebruik Bootstrap=== LimeSurvey bevat Bootstrap 3, zo kunt u bij uw sjablonen gebruikmaken van de goed gedocumenteerde Bootstrap-classes. Voor meer informatie verwijzen wij u naar de [http://getbootstrap.com Bootstrap documentatie]. Ook ondersteunen wij de [https://github.com/flatlogic/awesome-bootstrap-checkbox Awesome-Bootstrap-Checkbox] plugin. Hierdoor kunt de typische Bootstrap kleur-classes gebruiken (info,waarschuwing,gevaar,enz.) ook met het achtervoegsel "-checkbox", of "radio". <span id="Replacing_default_CSS_or_Javascript"></span> ==== Vervangen van standaard CSS of JavaScript ==== Sommige vragen gebruiken specifieke bestanden voor JavaScript en CSS. Als je een functie wilt vervangen, gebruik dan een "cascading systeem". In JavaScript is de laatst gelezen functie, de functie die gebruikt wordt. <span id="Other_template_files"></span> ===Andere sjabloonbestanden=== '''Privacy.pstpl''', '''invitationemail.pstpl''', '''reminderemail.pstpl''' en '''confirmationemail.pstpl''' worden niet meer gebruikt en zijn vervangen door standaardwaarden in de taalbestanden. E-mailberichten kunnen aangepast worden per enquête. <span id="Standard_pages"></span> ===Standaardpagina's=== Er zijn 10 standaardpagina's die een deelnemer mogelijk gaat zien bij het gebruik van LimeSurvey. Elke pagina is weer opgebouwd uit de structuur van het '''Sjabloon''' dat gekozen is in de instellingen van de enquête. Hieronder zie je hoe de structuur samenhangt met de pagina's. {| class="wikitable" ! '''Enquête Pagina/'''<br />'''Sjabloon bestanden'''!!Overzichts-<br />lijst!!Welkomst!!Vraag!!Voltooid!!Wis alles!!Aanmelden!!Laad!!Bewaar!!Print<br />Antwoorden!!Print |- |SurveyList||align="center" | [[File:check.gif]]|| || || || || || || || || |- |Welcome|| ||align="center" | [[File:check.gif]]|| || || || || || || || |- |Privacy|| ||align="center" | [[File:check.gif]]|| || || || || || || || |- |Navigator|| ||align="center" | [[File:check.gif]]||align="center" | [[File:check.gif]]|| || || || || || || |- |Survey|| || ||align="center" | [[File:check.gif]]|| || ||align="center" | [[File:check.gif]]|| || || || |- |StartGroup|| || ||align="center" | [[File:check.gif]]|| || || || || || || |- |GroupDescription|| || ||align="center" | [[File:check.gif]]|| || || || || || || |- |Question<span style='color:red'>'''*'''</span>|| || ||align="center" | [[File:check.gif]]|| || || || || || || |- |EndGroup|| || ||align="center" | [[File:check.gif]]|| || || || || || || |- |Assessment|| || || ||align="center" | [[File:check.gif]]|| || || || || || |- |Completed|| || || ||align="center" | [[File:check.gif]]|| || || || || || |- |ClearAll|| || || || ||align="center" | [[File:check.gif]]|| || || || || |- |Register|| || || || || ||align="center" | [[File:check.gif]]|| || || || |- |Load|| || || || || || ||align="center" | [[File:check.gif]]|| || || |- |Save|| || || || || || || ||align="center" | [[File:check.gif]]|| || |- |PrintAnswers|| || || || || || || || ||align="center" | [[File:check.gif]]|| |- |Print Survey || || || || || || || || || ||align="center" | [[File:check.gif]] |- |Print Group || || || || || || || || || ||align="center" | [[File:check.gif]] |- |Print Question || || || || || || || || || ||align="center" | [[File:check.gif]] |- |StartPage<br />EndPage<br />Template.css||align="center" | [[File:check.gif]]||align="center" | [[File:check.gif]]||align="center" | [[File:check.gif]]||align="center" | [[File:check.gif]]||align="center" | [[File:check.gif]]||align="center" | [[File:check.gif]]||align="center" | [[File:check.gif]]||align="center" | [[File:check.gif]]||align="center" | [[File:check.gif]]|| |} <span style='color:red'>'''*'''</span>OPMERKING: Vanaf versie 1.90+ vervangt dit question.pstpl en question_start.pstpl. Als je een ouder, aangepast sjabloon gebruikt, moet je deze regel aan het begin van quesion.pstpl toevoegen:<syntaxhighlight lang="php"><div {QUESTION_ESSENTIALS} class="{QUESTION_CLASS}{QUESTION_MAN_CLASS}{QUESTION_INPUT_ERROR_CLASS}"></syntaxhighlight> en question.pstpl afsluiten met:<syntaxhighlight lang="php"></div></syntaxhighlight> <span style='color:red'>'''*'''</span>OPMERKING: Tot en met versie 1.91 werden js-bestanden niet in het sjabloon opgenomen. Vanaf versie 2 '''moet je {TEMPLATEJS} gebruiken''' om de links naar de bestanden te maken. Dat kan in startpage.pstpl of endpage.pstpl. Daar kun je de regel met "{TEMPLATEURL}/template.js" verwijderen en vervangen door {TEMPLATEJS} om je sjabloon te updaten. <span id="The_file_control_section"></span> ===Bestandsbeheer=== In het "Bestandsbeheer"-scherm aan de linkerkant kun je een van de sjabloonbestanden kiezen. Je ziet het schermgedeelte, de JavaScript en de CSS-bestanden. De HTML-code zal dan in het "Bewerk"-gedeelte getoond worden. Als je de goede (map)rechten hebt mag je deze aanpassen en opslaan. <center>[[File:File Control Section.png|center]]</center> In het gedeelte "Andere bestanden" worden alle andere bestanden in de sjabloonmap getoond. Aan de rechterzijde kun je '''plaatjes of andere bestanden uploaden om te gebruiken in het sjabloon'''. In plaats van voor elke afbeelding een link te gebruiken kun je ook telkens de variabele {TEMPLATEURL} gebruiken. Dus, in plaats van: <syntaxhighlight lang="html4strict">img src='/limesurvey/templates/yourtemplate/files/mypicture.jpg'</syntaxhighlight> Je kunt gebruiken {{NewIn/nl|2.50}}: <syntaxhighlight lang="html4strict">img src='{TEMPLATEURL}files/mypicture.jpg'</syntaxhighlight> Gebruik in een LimeSurvey versie ouder dan 2.50: <syntaxhighlight lang="html4strict">img src='{TEMPLATEURL}mypicture.jpg'</syntaxhighlight> Een voorvertoning van het sjabloon wordt ondertussen onderin het scherm getoond. Er is geen mogelijkheid om binnen LimeSurvey een sjabloonbestand fysiek te verwijderen: dat moet handmatig via het bestandsbeheer van de server. Test het sjabloon ook met verschillende schermgroottes. <div class="simplebox">'''NB:''' de meegeleverde sjablonen kunnen niet gewijzigd worden met de Sjablooneditor. Als je deze wilt wijzigen, maak dan eerst een kopie, en wijzig de kopie.</div> <span id="Template_files_location"></span> ===Locatie sjabloonbestanden=== LimeSurvey slaat het sjabloon op in een submap binnen de map ''/templates'', die weer onderdeel uitmaakt van alle publieke bestanden van LimeSurvey. Aangepaste (gebruikers)sjablonen worden in de map ''/upload/templates'' geplaatst. Er moet ALTIJD een map "default" in de map templates staan. Deze wordt gebruikt indien het gekozen sjabloon niet (meer) bestaat. Deze map is aanwezig bij de installatie. Je kunt geüploade plaatjes als volgt gebruiken: <syntaxhighlight lang="php">{TEMPLATEURL}filename.xyz</syntaxhighlight> <span id="Styling_questions_with_CSS"></span> ==Opmaak vragen== Het toevoegen van stijlen aan vragen is eenvoudig: elk vraagtype heeft zijn eigen klasse. Verplichte vragen hebben daarbij een aanvullende verplicht-klasse. Voorbeeld van een optionele vraag: <syntaxhighlight lang="html4strict"><div id="question5" class="gender"> ... </div></syntaxhighlight> en bij een verplichte vraag: <syntaxhighlight lang="html4strict"><div id="question5" class="gender mandatory"> ... </div></syntaxhighlight> en als de verplichte vraag niet ingevuld wordt of niet door de validatie komt: <syntaxhighlight lang="html4strict"><div id="question5" class="gender mandatory input-error"> ... </div></syntaxhighlight> en als de vraag niet goed beantwoordt wordt: <syntaxhighlight lang="html4strict"><div id="question6" class="text-short input-error"> ... </div></syntaxhighlight> <span id="Global_classes_for_question_part"></span> ==Globale klassen voor vragen== Deze klassen kunnen door elk vraagtype gebruikt worden, een vraagtype kan één of meerdere klassen gebruiken. {| class="wikitable alternance" |+ Globale klassen |- ! scope="col" | Naam klasse ! scope="col" | Onderdeel ! scope="col" | Vraagtype ! scope="col" | Voorbeeld ! scope="col" | Opmerking |- ! scope="row" | .question {{ObsoleteIn/nl|30}} | Elk vraag blok | Elk vraagtype |<p class="question">, <ul class="question">, <table class="question"> |- ! scope="row" | .ls-answers {{NewIn/nl|3.0}} | Elk vraag blok | Elk vraagtype |<div class="ls-answers ">, <ul class="ls-answers ">, <table class="ls-answers"> | |- ! scope="row" | .subquestions-list | Lijst subvragen | Meerkeuzevragen, array vragen | <ul class="subquestions-list">, <table class="subquestions-list"> | of .questions-list |- ! scope="row" | .answers-list | Lijst antwoorden | Enkelekeuze, array, Meerdere teksten | <ul class="answers-list">, <table class="answers-list"> | |- ! scope="row" | .answer-item | Het antwoorddeel: een antwoord | Enkelekeuze, array, Meerdere teksten | <li class="answer-item">, <td class="answer-item"> | |- ! scope="row" | .noanswer-item | Het antwoorddeel voor geen antwoord | Enkelekeuze, array | <li class="noanswer-item">, <td class="noanswer-item"> | Geen antwoord is ook een antwoord, ze hebben 2 klassen noanswer-item en answer-item |- ! scope="row" | .question-item | Het vraagdeel: een vraag | Meerdere teksten, array | <li class="question-item">, <tr class="question-item"> | Sommige antwoorden zijn ook vragen, dan hebben we er veel met class="question-item answer-item" |- ! scope="row" | .checkbox-list | Een lijst checkboxen | Meerkeuze, array getallen (checkbox) | <ul class="checkbox-list">, <tr class="checkbox-list"> | Sommige vraagtypes hebben meerdere lijstenclass: zoals checkbox met opmerkingen: class="checkbox-list text-list" |- ! scope="row" | .checkbox-array {{NewIn/nl|3.0}} | Een array van checkboxen | Array (getallen) met checkbox optie | <table class="checkbox-list"> | |- ! scope="row" | .checkbox-item | Het antwoorddeel met een checkbox | Meerkeuze, array getallen (checkbox) | <li class="checkbox-item">, <td class="checkbox-item"> | |- ! scope="row" | .radio-list | Een lijst radioknoppen | Enkelekeuze, array (elke regel) | <ul class="radio-list">, <tr class="radio-list"> | |- ! scope="row" | .radio-array {{NewIn/nl|3.0}} | Array van radioknoppen | Array vraagtype | <table class="radio-array"> | |- ! scope="row" | .radio-item | Het antwoorddeel met een radioknop | Enkelekeuze, array | <li class="radio-item">, <td class="radio-item"> | |- ! scope="row" | .text-list | Een lijst tekstinvoer | Meerdere teksten, array teksten | <ul class="text-list">, <tr class="text-list"> | |- ! scope="row" | .text-item | Het antwoorddeel van tekstinvoer | Meerdere teksten, array teksten | <li class="text-item">, <td class="text-item"> | |- ! scope="row" | .numeric-list | Een lijst met tekstinvoer met alleen numerieke antwoorden (elke rij) | Meerdere getallen, Array getallen | <ul class="text-list numeric-list">, <tr class="text-list numeric-list"> | |- ! scope="row" | .number-list | Een lijst met tekstinvoer met alleen numerieke antwoorden (elke rij) | Meerdere getallen, Array getallen | <ul class="text-list numeric-list">, <tr class="text-list numeric-list"> | |- ! scope="row" | .number-array {{NewIn/nl|3.0}} | Het antwoorddeel van numerieke invoer | Array getallen | <table class="number-array"> | |- ! scope="row" | .select-list {{ObsoleteIn/nl|2.50}} | Een selectie lijst | Array getallen, dubbele schaal | <table class="select-list"> | |- ! scope="row" | .dropdown-list {{NewIn/nl|2.50}} | Een selectie lijst | Array getallen, Dubbele schaal (select) (elke rij) | <table class="dropdown-list"> | |- ! scope="row" | .dropdown-array {{NewIn/nl|3.0}} | Een dropdownlijst | Array getallen, Dubbele schaal (select) | <table class="dropdown-array"> | |- ! scope="row" | .select-item {{ObsoleteIn/nl|2.50}} | Het antwoorddeel van een selectie | Array getallen, dubbele schaal, enkelekeuze met selectie | <p class="select-item">, <td class="select-item"> | |- ! scope="row" | .dropdown-item {{NewIn/nl|2.50}} | Het antwoorddeel van een select | Array getallen, Dubbele schaal (select), Enkelekeuze met select | <p class="dropdown-item">, <td class="dropdown-item"> | |- ! scope="row" | .hide {{ObsoleteIn/nl|3.0}} | Gebruikt voor toegankelijkheid: verborgen met CSS maar gelezen met screenreader. Vanaf 2.50 : gebruik sr-only via bootstrap | Kort vrije tekst | <label class="hide"> | Kan voor andere doelen gebruikt worden |- |- ! scope="row" | .ls-js-hidden {{NewIn/nl|3.0}} | Gebruikt voor te verbergen deel als JavaScript is actief | Bijv. knop | <div class="ls-js-hidden"> | Kan in sjabloon gebruikt worden |- ! scope="row" | .ls-js-hidden-sr {{NewIn/nl|3.0}} | Gebruikt voor toegankelijkheid: verborgen bij JS actief, getoond bij screenreader | Bijv. knop | <a class="ls-js-hidden-sr"> | Button |- ! scope="row" | .ls-no-js-hidden {{NewIn/nl|3.0}} | Gebruikt voor te verbergen deel indien JS niet actief | Link | <a class="ls-no-js-hidden"> | |- ! scope="row" | .ls-label-xs-visibility {{NewIn/nl|3.0}} | Label getoond in klein scherm (zonder extra tabel) en in screenreader | label | <label class="ls-no-js-hidden"> | Gebruikt voor label in tabel met array vraagtype |- ! scope="row" | .ls-input-group-extra {{NewIn/nl|3.0}} | Gebruik als bootstrap input-group-addon, maar zonder border en background. | right suffix | <div class="ls-input-group-extra"> | Gebruik voor right en left suffix (globaal) |- ! scope="row" | .dontread | Gebruikt voor toegankelijkheid: niet te lezen met screenreader | Array | <th class="dontread"> | |- ! scope="row" | .checkbox {{ObsoleteIn/nl|3.0}} | input[type=checkbox] | Vraag met checkbox | <input type="checkbox" class="checkbox"> | Alleen voor oudere browsers nodig |- ! scope="row" | .radio {{ObsoleteIn/nl|3.0}} | input[type=radio] | Vraag met radioknop | <input type="radio" class="radio"> | Alleen voor oudere browsers nodig |- ! scope="row" | .text | input[type=text] | Vraag met invoertekst, of textarea | <textarea class="text"> | |- ! scope="row" | .answertext | Array | Antwoorddeel van array | <th class="answertext"> | |- ! scope="row" | .col-answers | Array | Kolom van antwoorden | <col class="col-answers"> | |- ! scope="row" | .odd .even {{ObsoleteIn/nl|3.0}} | Array | Afwisseling voor kolom | <col class="odd"> | |- ! scope="row" | .array1 .array2 {{ObsoleteIn/nl|3.0}} | Array | Afwisseling voor regel | <tr class="array1"> | |- ! scope="row" | .ls-odd .ls-even {{NewIn/nl|3.0}} | Array | Afwisseling voor subvraag en Y-as | <tr class="ls-odd"> | |} <span id="Some_examples_of_question_part_with_classes"></span> ====Voorbeelden van vragen met klassen==== '''Kort vrije tekst vraagtype:'''<source lang="html4strict"> <p class="question answer-item text-item "> <label class="hide label" for="answerSGQA">Answer</label><input type="text" value="" id="answerSGQA" name="SGQA" size="50" class="text empty"> </p> </source> '''Meerdere korte vrije teksten vraagtype'''<source lang="html4strict"> <ul class="subquestions-list questions-list text-list"> <li class="question-item answer-item text-item" id="javatbdSGQA"> <label for="answerSGQA">Some example subquestion</label> <span><input type="text" value="" id="answerSGQA" name="SGQA" size="20" class="text empty"></span> </li> </ul> </source> '''Array vraagtype'''<source lang="html4strict"> <table class="question subquestion-list questions-list "> <caption class="hide read">Some explanation for accessibility.</caption> <colgroup class="col-responses"> <col width="50%" class="col-answers"> <col width="25%" class="odd"> <col width="13.3%" class="col-no-answer even"> </colgroup> <thead> <tr class="array1 dontread"> <td> </td> <th>1</th> <th>No answer</th> </tr> </thead> <tbody> <tr class="array2 answers-list radio-list" id="javatbdSGQ"> <th width="20%" class="answertext">Some example subquestion </th> <td class="answer_cell_001 answer-item radio-item"> <label for="answerSGQA" class="hide read">1</label> <input type="radio" value="1" id="answerSGQA" name="SGQA" class="radio"> </td> <td class="answer-item radio-item noanswer-item"> <label for="answerSGQA" class="hide read">No answer</label> <input type="radio" value="" id="answerSGQA" name="SGQA" class="radio"> </td> </tr> </tbody> </table> </source> <span id="The_full_list_of_question_classes"></span> ===Alle klassen van de vraagtypes=== {| |'''Vraagtype'''||'''Klasse'''||'''ID''' |- |5-puntskeuze||.choice-5-pt-radio||5 |- |Array (10 punten)||.array-10-pt||B |- |Array (5 punten)||.array-5-pt||A |- |Array Dubbele schaal||.array-flexible-duel-scale ||1 |- |Array (Meer, gelijk, Minder)||.array-increase-same-decrease||E |- |Array (getallen)||.array-multi-flexi ||: |- |Array (teksten)||.array-multi-flexi-text||; |- |Array (Ja/Nee/Weet niet)||.array-yes-uncertain-no||C |- |Array ||.array-flexible-row ||F |- |Array per kolom||.array-flexible-column||H |- |Boilerplaat ||.boilerplate||X |- |Datum||.date||D |- |Vergelijking||.equation||* |- |Geslacht||.gender||G |- |Extra lange vrije tekst||.text-huge||U |- |Taalkeuze||.language||I |- |Lijst (Dropdown)||.list-dropdown||! |- |Lijst (Radioknoppen)||.list-radio||L |- |Lijst met commentaar||.list-with-comment||O |- |Lang vrije tekst||.text-long||T |- |Meervoudige numerieke invoer||.numeric-multi||K |- |Meerkeuzevraag||.multiple-opt||M |- |Meerkeuzevraag met opmerkingen||.multiple-opt-comments||P |- |Meerdere korte vrije teksten||.multiple-short-txt||Q |- |Numerieke invoer||.numeric||N |- |Rangschikken||.ranking||R |- |Kort vrije tekst||.text-short||S |- |Ja/Nee||.yes-no||Y |- | |} <span id="The_full_list_of_validation_classes"></span> ===De volledige lijst met validatieklassen=== <div class="simplebox">NB: Voor versie 1.92 waren alleen .mandatory en .input-error beschikbaar.</div> Deze klassen kunnen gebruikt worden om de stijl van hulp- en/of validatiemeldingen te wijzigen. De .hide-tip en .input-error opties staan standaard op verborgen ("hidden"), maar worden getoond ("display") als er fouten optreden, en worden weer verborgen als de fouten zijn gecorrigeerd. Zo wordt voorkomen dat er pop-ups getoond worden voor fouten. In plaats daarvan verschijnen/verdwijnen de mededelingen, ze kunnen van kleur voorzien worden afhankelijk van de fout. Ook kun je eerst een vriendelijk kleurschema gebruiken als de deelnemer meer informatie nodig heeft. Daarna kun je de kleuren feller maken als de deelnemer geen juiste waarden invoert. {| |'''Doel'''||'''CSS Klasse'''||'''Beschrijving''' |- |Mandatory||.mandatory||de vraag is verplicht |- |User input error||.input-error||er is minstens een validatiefout |- |Hide Tip||.hide-tip||ingevuld als je de hide_tip optie gebruikt |- |standaardtype||.em_default||voor standaard zetten tip ( numerieke waarde enz …) |- |Num answers||.em_num_answers||voor min_answers en max_answers |- |Value range||.em_value_range||voor min/max_num_value_n en multiflexible_min/max |- |Sum range||.em_sum_range||voor min/max/equals_num_value |- |Regex validation||.em_regex_validation||voor reguliere-expressie validatie van de vraag |- |Question-level validation function||.em_q_fn_validation||voor de em_validation_q optie |- |Subquestion-level validation function||.em_sq_fn_validation||voor de em_validation_sq optie |- |Other comment mandatory||.em_other_comment_mandatory||voor de other_comment_mandatory optie, wordt toegevoegd als "anders" geselecteerd is maar het begeleidend commentaar niet ingevuld is. |- | |} <span id="Importing_styles_into_your_custom_template"></span> ===Stijlen importeren in je aangepaste sjabloon=== De aangepaste stijlen voor vragen staan tegen het eind van het CSS-bestand van de sjabloon, en starten met:<syntaxhighlight lang="php">/* --------------------------- START: Question styles ------------------------------ */</syntaxhighlight> Mocht je een eigen sjabloon willen wijzigen, dan moet je eerst alle tekst onder dit commentaar ''templates/default/template.css'' (voor tabel-gebaseerde layouts) of ''template/limespired/template.css'' (voor CSS-gebaseerde layouts) in je eigen bestand kopiëren. <span id="Internet_Explorer_Conditional_Style_Sheets"></span> ===Conditionele stylesheets voor Internet Explorer=== Omdat IE6 en IE7 qua opbouw van de webpagina behoorlijk afwijken van de rest van de browsers zijn er speciale conditionele stylesheets aanwezig om sjablonen goed te kunnen tonen. <source lang="html4strict"> <!--[if IE]> <link rel="stylesheet" type="text/css" href="{TEMPLATEURL}IE_fix_all-versions.css" /> <![endif]--> <!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="{TEMPLATEURL}IE_fix_older-than-7.css" /> <![endif]--> <!--[if IE 8]> <link rel="stylesheet" type="text/css" href="{TEMPLATEURL}ie_fix_8.css" /> <![endif]--> </source> Kopieer de bovenstaande code in jouw '''startpage.pstpl''', en kopieer de beide IE-stylesheets van ofwel ''/templates/default'' of wel ''/templates/limespired'', afhankelijk van je lay-out. <div class="simplebox">'''Opmerking:''' als je deze stijlen in je eigen stylesheet verwerkt zul je ze vast en zeker moeten aanpassen.</div> <span id="Alternative_solution_for_internet_explorer"></span> ====Alternatieve oplossing voor Internet Explorer==== Je kunt ook de conditionele klasse in body opnemen (binnen startpage.pstpl) en deze klasse gebruiken in jouw template.css. Deze methode wordt gebruikt in het sjabloon citronade {{ObsoleteIn/nl|2.06}}. Toevoegen van een js / no-js klasse om een JavaScript / geen JavaScript systeem te hebben. <source lang="html4strict"><!--[if lt IE 7 ]> <body class="lang-{SURVEYLANGUAGE} {SURVEYFORMAT} ie ie6 ielt7 ielt8 ielt9 no-js"> <![endif]--> <!--[if IE 7 ]> <body class="lang-{SURVEYLANGUAGE} {SURVEYFORMAT} ie ie7 ielt8 ielt9 no-js"> <![endif]--> <!--[if IE 8 ]> <body class="lang-{SURVEYLANGUAGE} {SURVEYFORMAT} ie ie8 ielt9 no-js"> <![endif]--> <!--[if IE 9 ]> <body class="lang-{SURVEYLANGUAGE} {SURVEYFORMAT} ie ie9 no-js"> <![endif]--> <!--[if gt IE 9]><!--><body id="body" class="lang-{SURVEYLANGUAGE} {SURVEYFORMAT} no-js"><!--<![endif]--> <script type='text/javascript'>/*<![CDATA[*/(function(H){ H.className=H.className.replace(/\bno-js\b/,'js') })(document.getElementsByTagName('body')[0]);/*]]>*/</script></source> Gebruik in template.css: <source lang="css">.ie6{/*Voor Internet Explorer 6*/} .ielt8{/*Voor Internet Explorer 6 en 7*/} .ie{/*Voor alle versies Internet Explorer */}</source> <span id="Right-to-Left_(RTL)_languages_and_justify"></span> === Rechts-naar-links (RTL) talen en uitlijnen=== De teksteditor in LimeSurvey kan RTL teksten opnemen. Maar als er volledig uitgelijnd wordt toont deze de tekst in de leesrichting van links naar rechts. Dit is alleen een beeldfout: tijdens de enquête wordt de tekst correct van rechts naar links afgebeeld. <span id="Keywords"></span> ===Sleutelwoorden=== {{Deprecated/nl|3.0}} Sleutelwoorden in een sjabloon worden vervangen door de informatie uit de enquête. Ze worden omsloten met accolades, voorbeeld: {SURVEYNAME}. De volgende sleutelwoorden worden vervangen in het sjabloon tijdens de opbouw voor de deelnemers. Ze werken op bijna iedere pagina, behalve de Afsluitpagina. (De woorden kunnen ook in common.php opgezocht worden, of anders in index.php) {|class=wikitable !'''Sleutelwoord'''!!'''Sjabloon bestand'''!!'''Omschrijving''' |- |{SURVEYNAME}||Alle||De titel van de enquête. |- |{SURVEYDESCRIPTION}||Alle ||De beschrijving van de enquête. |- |{WELCOME}||Alle (meestal: welcome.pstpl)|| De welkomst tekst van de enquête. |- |{PERCENTCOMPLETE}||survey.pstpl||Een grafiekje met het percentage dat voltooid is. |- |{GROUPNAME}||startgroup.pstpl, groupdescription.pstpl, endgroup.pstpl||De naam van de huidige groep. |- |{GROUPDESCRIPTION}||startgroup.pstpl, groupdescription.pstpl, endgroup.pstpl||De beschrijving van de huidige groep. |- |{NUMBEROFQUESTIONS}||welcome.pstpl||Het aantal vragen in de enquête (alleen het getal). |- |{THEREAREXQUESTIONS}||welcome.pstpl||Toont "Er zijn X vragen in deze enquête." Op plaats van de X staat natuurlijk het aantal vragen. Als er maar een vraag is: "Er is 1 vraag in deze enquête". |- |{CHECKJAVASCRIPT}||Alle (meestal: welcome.pstpl)||Waarschuwing als JavaScript door gebruiker is uitgeschakeld. |- |{QUESTION}||question.pstpl||('''Is verouderd sinds versie 1.87''') Toont de huidige vraagtekst. (Het formaat van {QUESTION} kan gewijzigd worden door 'question_start.pstpl' te wijzigen.) Gebruik het volgende: {QUESTION_TEXT}, {QUESTION_MANDATORY}, {QUESTION_HELP}, {QUESTION_MAN_MESSAGE}, {QUESTION_VALID_MESSAGE} en {QUESTION_INPUT_ERROR_CLASS} en de geschikte HTML voor inkapseling in plaats van {QUESTION}. |- |{ANSWER}||question.pstpl, print_question.pstpl||het antwoordformulier voor de huidige vraag. |- |{SGQ}||question.pstpl, question text||Kan gebruikt worden in de vraagtekst zelf om te refereren aan het invoerveld van de vraag dynamisch door het tonen van de Survey-Group-Question id van de huidige vraag (sinds versie build 9755). |- |{QUESTIONHELP}||question.pstpl, print_question.pstpl||Toont de helptekst (voorgedefinieerd per vraagtype) van de huidige vraag. |- |{QUESTION_CLASS}||question.pstpl, print_question.pstpl||Unieke klasse voor elk vraagtype. (Wordt toegevoegd in de tags om de vraag heen.) |- |{QUESTION_CODE}||question.pstpl, print_question.pstpl||Toont de huidige vraagcode. |- |{QUESTION_ESSENTIALS}||question.pstpl||De id van de vraag en als een vraag conditioneel is: 'style="display:none;"'. (Wordt toegevoegd in de tags om de vraag heen.) |- |{QUESTION_HELP}||question.pstp, question_start.pstpl||Toont de door de ontwerper van de enquête gemaakte helptekst voor de huidige vraag. |- |{QUESTION_TYPE_HELP}||print_question.pstp||Toont de door de ontwerper van de enquête gemaakte helptekst voor de huidige vraag. |- |{QUESTION_INPUT_ERROR_CLASS}||question.pstp, question_start.pstpl||Geeft een klasse bij een invoerfout. |- |{QUESTION_ID}||print_question.pstp||Geeft een unieke ID voor elke vraag, hierdoor kunnen vragen specifiek worden opgemaakt. |- |{QUESTION_TEXT}||question.pstp, print_question.pstp, question_start.pstpl||Toont de huidige tekstvraag. |- |{QUESTION_MANDATORY}||question.pstp, print_question.pstp, question_start.pstpl||Toont de vertaalde 'Mandatory' tekst voor de huidige vraag. |- |{QUESTION_MAN_CLASS}||question.pstpl, print_question.pstpl||Klasse als een vraag verplicht is. (Wordt toegevoegd in de tags om de vraag heen.) |- |{QUESTION_MAN_MESSAGE}||question.pstp, print_question.pstp, question_start.pstpl||Toont de vertaalde 'Mandatory' tekst voor de huidige vraag. |- |{QUESTION_NUMBER}||print_question.pstpl||Teller van het aantal vragen (lopend). |- |{QUESTION_VALID_MESSAGE}||question.pstp, print_question.pstp, question_start.pstpl||Toont de vertaalde helptekst voor de huidige vraag. |- |{QUESTION_SCENARIO}||print_question.pstp||Geeft de 'scenario' tekst voor conditionele vragen. |- |{NAVIGATOR}||navigator.pstpl||Toont de navigatie knoppen (Volgende, Vorige, Laatste). |- |{CLEARALL}||Alle (bedoeld voor: navigator.pstpl)||Toont de "Stoppen wis alle ingevulde antwoorden" link. |- |{COMPLETED}||completed.pstpl||Toont de boodschap dat de enquête geheel is ingevuld en klaar voor verzending, kan worden aangepast door attribuut_1 en attribuut_2 te vullen. |- |{URL}||completed.pstpl||Toont de 'url' en 'url tekst'. |- |{PRIVACYMESSAGE}||privacy.pstpl||De privacy informatie wordt getoond als de enquête anoniem is. [[Translating LimeSurvey/nl|De tekst kan worden gewijzigd/vertaald]] in de taalbestanden. Je kunt ook handmatig de door jou gebruikte versie van het sjabloon privacy.pstpl wijzigen. |- |{TEMPLATEURL}||Alle||De URL naar het huidige sjabloon (handig bij refereren aan afbeeldingen in je sjabloon). |- |{SURVEYRESOURCESURL}||All Files||De URL naar de het geüploade bestanden van deze enquête, bruikbaar voor gebruik bij de link naar afbeeldingen in de enquête, |- |{SUBMITCOMPLETE}||endpage.pstpl||De boodschap (uit de taalbestanden) die aan de respondent toont dat de enquête ingevuld is en dat er op de knop "Verstuur" gedrukt moet worden. |- |{SUBMITREVIEW}||survey.pstpl||De boodschap (uit de taalbestanden) die aan de respondent toont hoe ze de gegeven antwoorden kunnen bekijken en wijzigen. |- |{SAVEDID}||Alle bestanden||Toont 'Response ID' van respondent |- |{QUEXMLPDF}||Alle bestanden||Toont knop voor exporteren queXML PDF van enquête incl. al ingevulde antwoorden. |- |{TOKEN:FIRSTNAME}||Alle||***Als de enquête niet anoniem is - dan wordt dit vervangen door de voornaam van de respondent.*** |- |{TOKEN:LASTNAME}||Alle||***Als de enquête niet anoniem is - dan wordt dit vervangen door de achternaam van de respondent. |- |{TOKEN:EMAIL}||Alle||***Als de enquête niet anoniem is - dan wordt dit vervangen door het e-mailadres van de respondent.*** |- |{TOKEN:ATTRIBUTE_1}||Alle||***Als de enquête niet anoniem is - dan wordt dit vervangen door de attribuut_1 behorend bij de respondent.*** |- |{TOKEN:ATTRIBUTE_2}||Alle||***Als de enquête niet anoniem is - dan wordt dit vervangen door de attribuut_2 behorend bij de respondent.*** |- |{ANSWERSCLEARED}||Voorkeur: navigator.pstpl||De boodschap "Antwoorden verwijderd" uit de taalbestanden. |- |{RESTART}||clearall.pstpl||URL om de enquête opnieuw te starten. |- |{REGISTERERROR}||register.pstpl||Toont foutmeldingen op de aanmeldingspagina (bijvoorbeeld: "Het e-mailadres dat u opgaf is ongeldig. Probeert u het nog eens."). |- |{REGISTERMESSAGE1}||register.pstpl||De boodschap "Registratie is vereist om deel te nemen aan deze enquête." uit de taalbestanden. |- |{REGISTERMESSAGE2}||register.pstpl||Details over aanmelden uit de taalbestanden. |- |{REGISTERFORM}||register.pstpl||Het actuele formulier voor aanmelding, wordt gewijzigd als attribuut_1 en attribuut_2 zijn gevuld. |- |{SAVE}||Specifiek voor navigator.pstpl||Toont de knop 'Sla uw antwoorden tot nu toe op', zodat de respondent de enquête kan opslaan en later de rest kan invullen. Deze knop wordt alleen getoond als de opslaan optie ingeschakeld is. |- |{LANGUAGECHANGER}||survey.pstpl||Toont een optie om de vraag te wijzigen als de enquête in meerdere talen beschikbaar is. |} <span id="Input/Buttons"></span> ===Invoervelden=== Elk invoertype heeft een eigen klasse, hierdoor kun je in de CSS eigen opmaak voor knoppen en invoervelden toevoegen in je "startpage.pstpl". De klassen zijn: *'''submit''' (submit knoppen) *'''text''' (Tekst invoer - voor korte vrije tekst, datum en numerieke invoer) *'''answertext''' (tekst van antwoorden) *'''radio''' (radioknoppen) *'''checkbox''' (checkboxen) *'''select''' (select / lijst) *'''textarea''' (lange tekst) *'''clearall''' De "Stoppen, verwijder alle ingevulde antwoorden" link *'''rank''' Het vraagtype ranking. Wijzig niet de kleur van de selectbox of de text boxes (die worden al eerder ingesteld), je kunt wel o.a. de background colour, text colour, size wijzigen voor de andere onderdelen. *'''graph''' De "percentage voltooid" weergave. *'''innergraph''' onderdeel van de graph met het percentage. Je kunt de kleur wijzigen. *'''question''' Algemene instellingen voor elke vraag die in een tabel getoond wordt. Je kunt hier de font size en colour instellen, zodat je een standaardwaarde hebt. *'''mandatory''' Verplichte vragen. *'''input-error''' Invoerfout van gebruiker - bijvoorbeeld: verplichte vraag of vraag met validatie. *'''array1''' en '''array2''' Deze twee worden afgewisseld bij het tonen van het bereik van antwoorden bij array type vragen. Je kunt dan een verschillende background colour instellen. '''Array1''' wordt ook gebruikt voor de koppen bij de array type vragen. *'''errormandatory''' Zet de kleur en stijl van de tekst: "Deze vraag is verplicht". *'''warningjs''' Zet de kleur en stijl van de waarschuwing als de gebruiker JavaScript in de browser heeft uitgeschakeld. Er zijn ook onderdelen die op ID kunnen worden benaderd ('''#ID''' in CSS): *'''surveycontact''' (De tekst over contact op de beginpagina) *'''tokenmessage''' (gebruikt voor meldingen in de enquête, bijvoorbeeld: je sessie is verlopen.) Je kunt alle onderdelen van HTML wijzigen, er is dus geen reden om in je sjablonen een eigen <syntaxhighlight lang="php"><div class='new_name'></div></syntaxhighlight> toe te voegen en daarna een eigen class te gebruiken. <span id="Styling_the_progress_bar"></span> ==Opmaak voortgangsmeter== De opmaak van de voortgangsmeter kan bepaald worden met CSS. Om de achtergrondkleur te wijzigen moet je aan het eind van het bestand custom.css toevoegen (voorbeeld voor het thema fruity): <syntaxhighlight lang="php">.fruity .progress-bar { background-color: #3300FF; }</syntaxhighlight> Je kunt de kleur van de rand van de voortgangsmeter wijzigen in je bestand custom.css: <syntaxhighlight lang="php">.fruity .progress-bar { border: 1px solid #FF0000; }</syntaxhighlight> <span id="Advanced_features_available_to_developers"></span> ==Extra functies voor ontwikkelaars== Er zijn ook enkele uitbreidingen van gebruikers opgenomen in LimeSurvey. De geavanceerde mogelijkheden vereisen soms wijzigingen in de broncode en dienen dus zorgvuldig te worden gedaan! <span id="Support_for_your_own_Javascript_functions"></span> ====Ondersteuning voor je eigen JavaScript==== Soms wil een gebruiker JavaScript op de enquête pagina's gebruiken, maar kan dat dan niet door de aanroep van '''checkconditions()''' in de BODY. Deze aanroep is vervangen door een JavaScript functie in de HEAD die controleert op de aanwezigheid van '''checkconditions()''' en '''template_onload()''' voor ze aan te roepen. Hierdoor kan een ontwerper van sjablonen een eigen '''template_onload()''' functie in de HEAD maken. *Filter HTML op XSS - in Instellingen -> Beveiliging, zet "Filter HTML op XSS" op Nee. *Plaats je script in een vraagbeschrijving of vraaggroepbeschrijving. {{Note|Meer informatie [[Workarounds: Manipulating a survey at runtime using Javascript#How to use Script (eg. JavaScript etc.) in LimeSurvey|Gebruik JavaScript]].}} <span id="Tips_&_tricks"></span> ==TIPS== <span id="Language_specific_element"></span> ===Taalafhankelijkheden=== Als je in een voettekst een regel wilt hebben met een helptekst die taalafhankelijk is, dan kun je in het pstl-bestand een regel optioneel tonen of verbergen afhankelijk van de taal. In template.css kan de pseudo selector :lang gebruikt worden, maar om meer compatibel te zijn, gebruiken we enkele classes. Een voorbeeld met een tekst in het Frans en het Engels in de voet, dus in endpage.pstpl: <syntaxhighlight lang="php"><div class="nl" lang="nl">Bel voor ondersteuning met telefoonnummer 000000</div> <div class="en" lang="en">For some help, please call 000000</div></syntaxhighlight> en in template.css: <syntaxhighlight lang="php">.lang-fr .en{display:none} .lang-en .fr{display:none}</syntaxhighlight> <span id="Change_the_layout_of_the_survey_page"></span> ===Lay-out wijzigen van enquête pagina=== Bij het wijzigen van een sjabloon kan het sjabloon aan een enquête gekoppeld worden. Je kunt het echter ook het standaardsjabloon maken als je wilt dat alle enquêtes het gebruiken (als de enquête-beheerder niet een ander sjabloon kiest). Om je huidige sjabloon ook voor deze pagina te gebruiken, moet je de bijbehorende instelling bij de Instellingen wijzigen. In oudere versies kan dit gedaan worden door de $defaulttemplate instelling te kopiëren uit config-defaults.php naar config.php, en wijzig het in <code lang="html">$defaulttemplate = 'yourtemplatename';</code>. <span id="Import/Export_of_templates:_Mac_users"></span> ===Importeren/Exporteren van sjabloon : Mac gebruikers=== <u>MAC-gebruikers</u> Mac OSX standaard archief utility kan problemen hebben met gegenereerde zip folders. Een oplossing is om de unzip van Unix te gebruiken op de commandoregel: $ unzip template.zip -d template Archive: template.zip inflating: template/startpage inflating: ... Een andere oplossing, met gecompileerde scripts: <span id="Use_the_same_template_with_different_logos"></span> ===Hetzelfde sjabloon gebruiken met een ander logo=== Als je hetzelfde sjabloon voor alle enquêtes wilt gebruiken en alleen het logo per enquête wilt wijzigen, dan kun je de {SID} placeholder in het sjabloonbestand .pstpl gebruiken om naar een ander plaatje te refereren: <syntaxhighlight lang="php"><img src="{TEMPLATEURL}files/logoImage-{SID}.png"></syntaxhighlight> <span id="Display_custom_favicon"></span> ===Toon aangepast favicon=== Een favicon is de kleine afbeelding in je browser in de adresregel en naast je bladwijzers. Je kunt je eigen afbeelding gebruiken door: #Een favicon aan te maken. #Je noemt dit "favicon.ico" en zet het in de map '''template/files''' #Voeg de volgende code toe in je '''startpage.pstpl''' voor de </head> tag. <syntaxhighlight lang="html4strict"><link rel="shortcut icon" href="{TEMPLATEURL}files/favicon.ico" type="image/x-icon"> <link rel="icon" href="{TEMPLATEURL}files/favicon.ico" type="image/x-icon"></syntaxhighlight> <span id="Different_appearance_for_survey-/question-pages"></span> ===Verschillend uiterlijk voor enquête/vraagpagina's=== Als je wilt dat het uiterlijk van de pagina's afwisselt (dus om en om hetzelfde uiterlijk) kun je de '''.page-odd''' class in je CSS-bestand wijzigen. Voorbeeld standaardsjabloon in versie 1.91+: <syntaxhighlight lang="php"> .page-odd table.question-group { background-color: #D2F2D3; }</syntaxhighlight> Om dit omwisselen in het (default) sjabloon te voorkomen, moet je de voorkomens van ''.page-odd'' in template.css verwijderen. <span id="Create_a_vertical_separator_border_for_dual_scale_array"></span> ===Toevoegen verticale scheiding voor dubbele schaal array=== Om een verticale scheiding te maken bij een dubbele-schaal array kun je de volgende regels toevoegen aan je bestand '''template.css'''. <syntaxhighlight lang="php"> table.question thead td.header_separator, table.question tbody td.dual_scale_separator { border-right:solid 1px #00A8E1; } </syntaxhighlight> header_separator wordt gebruikt als scheidingsteken in de header "td". De "dual_scale_separator" wordt gebruikt als scheidingsteken kolom in het dubbele-schaal array. <span id="Adding_your_own_logo_to_the_survey_list"></span> ===Eigen logo toevoegen in enquête-lijst=== # Open eerst de Thema-editor voor het betreffende thema. [[File:OpenThemeEditor.jpg]] # We bevelen aan ons huidige beste thema te gebruiken : fruity. # Breidt het thema uit (Extend) en geef het een eigen naam. [[File:ExtendTheme.jpg]] # Je kunt een logo uploaden. [[File:UploadFileTheme.jpg]] # Selecteer het scherm`Enquêtelijst´ in het dropdownveld. [[File:OpenScreenSurveyList.jpg]] # Selecteer `layout_survey_list.twig´ in het linkermenu. [[File:EditLayoutSurveyListTwig.jpg]] # Ga in de editor naar regel 126 en pas het gemarkeerde gedeelte van de bestandsnaam dat je hebt geüpload aan. [[File:ChangeSurveyListHeaderImageEditor.jpg]] # Sla je bestand op. [[File:ThemeEditorSaveChanges.jpg]] # Wijzig het standaardthema naar je nieuwe thema. [[File:ChangeDefaultTheme.jpg]] === Lijn het logo uit op het midden van de enquêtepagina=== Dit voorbeeld is voor het sjabloon "extends_fruity". Voor andere sjablonen kan de CSS anders zijn. # Log in als LimeSurvey-beheerder # Blader naar de thema-editor: Configuratie > Thema's # Zoek in de lijst naar "LimeSurvey Fruity Theme" en klik op de knop "Thema-editor" # Klik op "custom.css" in de lijst met bestanden aan de linkerkant bijna onderaan de pagina # Kopieer de volgende CSS in dat bestand en druk op "Wijzigingen opslaan" <syntaxhighlight lang="css"> .navbar-fixed-top > div.navbar-header { width: 100% !important; } .navbar-fixed-top > div.navbar-header > div { width: 100% !important; } .navbar-fixed-top > div.navbar-header > div > img { margin: 0 auto 0 auto !important; } </syntaxhighlight> <span id="Custom_question_views_{{NewIn|3.0}}"></span> ==Aangepaste vraag-views {{NewIn/nl|3.0}}== <div class="simplebox">'''NB:''' Dit is een tijdelijk functie die in de toekomst vervangen wordt door vraagplugins. De functie is standaard uitgeschakeld.</div> Vanaf versie 2.5 kunt u sjabloonspecifieke aangepaste views aanmaken voor vragen en enkele onderliggende onderdelen. Dit is handig als u de HTML-lay-out van een bepaald vraagtype wilt wijzigen voor een of meer enquêtes. *Zoek in application/config/config.php naar 'config'=>array en voeg deze regel toe in het array : 'allow_templates_to_overwrite_views'=>1 *Zet in /{your_template}/config.xml "overwrite_question_views" op true *Kopieer application/views/survey/* naar template/{your_view_directory}/survey/ *NB: je hoeft alleen de bestanden te kopiëren die je wilt wijzigen, de bestandsstructuur moet hetzelfde blijven als in application/views/survey/ <span id="Insert_custom_CSS_or_JavaScript_files_for_template"></span> ==Aangepaste CSS of JavaScript gebruiken bij sjabloon== Vanaf versie 2.5 kun je het bestand config.xml gebruiken voor het automatisch laden van een plugin. *Plaats je bestanden in de map template /css of /scripts *Voeg in /{your_template}/config.xml, het pad naar de <css> or <js> blocks, zoiets als:<syntaxhighlight lang="xml"><css> <filename>css/jquery-ui-custom.css</filename> <filename>css/bootstrap-slider.css</filename> <filename>css/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css</filename> <filename>css/flat_and_modern.css</filename> <filename>css/template.css</filename> <filename>css/myCustomPlugin.css</filename> </css> <js> <filename>scripts/template.js</filename> <filename>scripts/bootstrap-slider.js</filename> <filename>scripts/myCustomPlugin.js</filename> </js> </syntaxhighlight> <span id="Class_definitions_(for_Developers)"></span> ==Definitie classes (voor ontwikkelaars)== ===antwoordlijst=== {|class=wikitable !'''Vraag'''!!'''Vraagtype'''!!'''elementen''' |- |arrays/5punten || A || tr |- |arrays/10punten|| B|| tr |- |arrays/array || V || tr |- |arrays/kolom || H || tr en col |- |arrays/dubbele schaal || 1 || tr |- |arrays/meer,gelijk,minder || E || tr |- |arrays/ja,nee,weet niet|| K || tr |- |geslacht || g || div en ul |- |lijst met opmerkingen || O || div |- |rangschikking || R|| ul en div |- |ja nee || J || ul en div |- |rangschikking geavanceerd|| R|| ul en div |- |lijst radio || L || div |- |5puntskeuze || 5 || ul |- |meerkeuze || m || div |- |} ===radiolijst=== {|class=wikitable !'''Vraag'''!!'''Vraagtype'''!!'''elementen''' |- | ja nee || J || ul |- |geslacht || g || ul |- |arrays/ja,nee,weet niet || K || tr |- |arrays/meer,gelijk,minder || E || tr |- |arrays/dubbele schaal || 1 || tr |- |arrays/5punt || A|| tabel en tr |- |arrays/10punt || B|| tr |- |arrays/array || V || tr |- |arrays/kolom || H || col |- |lijstradio || L || div |- |lijst met opmerkingen || O || div gevolgd door ul |- |} ===radio-item=== {|class=wikitable !'''Vraag'''!!'''Vraagtype'''!!'''elementen''' |- |arrays/ja,nee,weet niet || K || td |- |5puntskeuze || 5 || li |- |arrays/10punten || B|| td |- |arrays/5punten || A|| td |- |arrays/array || V || td |- |arrays/kolom || H || td |- |arrays/dubbele schaal || 1 || td |- |arrays/meer,gelijk,minder || E || td |- |geslacht || g || li |- |lijstradio || L || li |- |ja nee || J || li |- |lijstradio || L || li en div |- |image_select-listradio || L || li en div |- |lijst met opmerkingen|| 0 || li |- |} ===lijst-groep=== {|class=wikitable !'''Vraag'''!!'''Vraagtype'''!!'''elementen''' |- |ja nee || J || ul |- |5puntskeuze || 5 || ul |- |geslacht || g || ul |- |rangschikking || R|| ul |- |rangschikking geavanceerd|| R|| ul en div |- |question_index_group_buttons || || div |- |question_index_questions_buttons || || div |- |} ===lijst-groep-horizontaal=== {|class=wikitable !'''Vraag'''!!'''Vraagtype'''!!'''elementen''' ! N!|- |ja nee || J || ul |- |5puntskeuze || 5 || ul |- |geslacht || g || ul |- |} ===lijst-zonder-stijl=== {|class=wikitable !'''Vraag'''!!'''Vraagtype'''!!'''elementen''' |- |lijst_met_opmerking || 0 || ul |- |lijstradio|| L || ul |- |meerkeuzevragen|| m || ul |- |meerkeuze met opmerkingen| P|| ul |- |meervoudig || K|| ul |- |multipleshorttext|| Vraag || ul |- |rangschikking|| R|| ul |- |ranking_advanced|| R|| ul |- |bootstrap_buttons_multi|| m || ul |- |image_select-multiplechoice|| m || ul |- |inputondemand/multipleshorttext || Vraag || ul |- |register_error|| || ul |- |register_message|| || ul |- |layout_survey_list || || ul |- |laden|| || ul |- |opslaan|| || ul |- |captcha|| || ul |- |} ===selectielijst=== {|class=wikitable !'''Vraag'''!!'''Vraagtype'''!!'''elementen''' |- |rangschikking|| R|| ul |- |rangschikken geavanceerd|| R|| ul |- |} ===checkbox-item=== {|class=wikitable !'''Vraag'''!!'''Vraagtype'''!!'''elementen''' |- |multiflexi (Array-nummers)|| : || td |- |meerkeuze|| m || li |- |meerkeuze met opmerkingen|| P|| div |- |image_select-listradio|| L || li |- |image_select-multiplechoice|| m || li en div |- |navigator|| || span |- |} ===checkbox-tekst-item=== {|class=wikitable !'''Vraag'''!!'''Vraagtype'''!!'''elementen''' ! N!|- |meerkeuze_met_opmerkingen|| P|| li |- |meerkeuzevragen|| m || li |- |image_select-multiplechoice|| m || li |- |} [[Category:Theme]] [[Category:Twig]]