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:El editor de plantillas}}<languages /> <span id="Introduction"></span> ==Introducción== LimeSurvey tiene un sistema avanzado de temas y estilos que brinda a los desarrolladores una forma eficiente de personalizar la apariencia de la encuesta. Desde LS3, ya no estamos hablando de '''"plantillas"''' como en versiones anteriores, sino de '''"temas"'''. Los '''temas''' permiten controlar el aspecto de las páginas durante una encuesta. Un administrador de la encuesta puede seleccionar un tema predeterminado que se utilizará para cada encuesta para personalizarlo aún más y mejorar su apariencia. Los '''Temas''' vienen con opciones que proporcionan al administrador sin habilidad de codificación una manera simple de agregar un logotipo en la página de bienvenida, cambiar los colores de fondo, seleccionar una fuente, etc. LimeSurvey viene con 3 temas preinstalados. Estos temas iniciales están definidos por directorios ubicados en el directorio de instalación de LimeSurvey "themes/survey/". Cada tema tiene su propio directorio. Dentro del directorio principal de un tema, encontrará un archivo de configuración en XML y numerosos directorios que contienen las vistas '''temas (.twig)''', '''hojas de estilo en cascada (.css)''', '''scripts''', '''imágenes''' ('''.jpg''' o '''.png'''), y tal vez otros. Desde LimeSurvey 2.50, el motor de temas utiliza [http://getbootstrap.com/docs/3.3/ Bootstrap 3] como framework CSS. Como Bootstrap 3 es un framework estándar, los desarrolladores encontrarán una gran cantidad de documentación, tutoriales y publicaciones en foros sobre esto en Internet. Desde LimeSurvey 3, el motor de temas utiliza [https://twig.symfony.com Twig], por lo que los desarrolladores de temas pueden cambiar la lógica de la visualización de la encuesta de forma segura y fácil. Twig reemplaza el antiguo sistema de palabras clave de reemplazo que se usaba en las versiones anteriores. La lógica que se utilizó para generar el HTML de las palabras clave ahora está disponible dentro de las vistas del tema. Snippet del tema Vanilla: <syntaxhighlight lang="twig" enclose="div"> <div class="{{ aSurveyInfo.class.answercontainer }} col-xs-12" {{ aSurveyInfo.attr.answercontainer }}> {# NOTA: Si desea personalizar la visualoización de la pregunta, use un tema de pregunta #} {{aQuestion.answer | raw}} </div> </syntaxhighlight> Los temas, al ser HTML y código Twig, tienden a definir el posicionamiento y el tipo de texto a mostrar y características estructurales similares de la página. A menudo hacen referencia o incluyen otros archivos. La mayoría de ellos hacen referencia a un archivo común de hojas de estilo en cascada (CSS) que define el estilo de fuente, color, tamaño, fondo y parámetros similares comunes a todas las páginas de la encuesta. Las hojas de estilo hacen referencia a los parámetros de '''clase''' HTML que están asociados con los diversos tipos de objetos en el código HTML. Esto permite que la hoja de estilo describa cómo mostrar cada uno de los muchos tipos de texto u otros objetos que pueden aparecer en varios lugares. Hay clases únicas para cada tipo de pregunta en LimeSurvey y, por lo tanto, dan un control detallado sobre la apariencia de cada una. También se puede hacer referencia a los archivos de imagen, como logotipos o constructores especiales de barras de progreso, en el archivo de tema. Finalmente, las palabras clave especiales entre llaves se reemplazan con texto definido en la encuesta para cada traducción de idiomas correspondiente (por ejemplo, el 'Título de la encuesta' o el 'Texto de pregunta' para cada idioma definido). Si crea un nuevo tema personalizado, considere compartirlo con la comunidad LimeSurvey y ponerlo a disposición de otros. Con su ayuda, podemos hacer crecer nuestro repositorio de temas, encuestas y otros complementos para que LimeSurvey sea aún mejor. Vea nuestro [https://www.limesurvey.org/index.php?option=com_sobipro&sid=55:Templates&Itemid=729 repositorio de plantillas LimeSurvey] donde puede compartir sus plantillas. <span id="Creating_a_new_theme"></span> ==Creando un nuevo tema== Para poder crear un nuevo tema (o editar un tema existente), necesita [[Manage users#Set global permissions for a user | Permisos de usuario para edición de plantillas]] en LimeSurvey, así como permisos para manipular los archivos en el funcionamiento subyacentes del sistema que aloja su instalación de LimeSurvey. <div class="simplebox"><span style='color:red'>'''Nota de advertencia:'''</span> Si cambia de tema, también podría afectar todas las encuestas preexistentes de su instalación de LimeSurvey. Los temas son una función avanzada que requiere experiencia y conocimientos de HTML.</div> La forma preferida de crear un nuevo tema es a través del '''Editor de temas''' (ver más abajo), que se encuentra en '''Configuración''' en la barra de herramientas superior. Es posible que a algunas personas les guste trabajar directamente con archivos de temas para poder usar su editor de texto favorito en lugar de la interfaz web. En este caso, aún use el Editor de temas para crear primero su nuevo tema. Esto creará un nuevo tema base con todos los archivos que necesita en el directorio ''LimeSurvey_web_root/upload/themes/survey/su_nuevo_tema''. Desde allí, puede usar su editor de texto para ajustar manualmente los archivos de la plantilla. <div class="simplebox">'''Nota sobre permisos:''' en sistemas Unix/Linux, estos archivos de tema serán propiedad del grupo y usuario donde se ejecuta el servidor web (puede ser "www" para algunos sistemas). Por lo tanto, asegúrese de tener los permisos adecuados para editar estos archivos. Cuando los guarde, ¡asegúrese de que no cambien de propietario! De esta manera, aún puede usar la interfaz web de Edición de Temas si es necesario.</div><br /> Una serie de elementos 'públicos' de LimeSurvey se pueden ajustar mediante una serie de temas. La siguiente sección proporciona una explicación muy breve de estas plantillas. {{Nota|Los archivos de temas son una característica compleja. Además de HTML, también debe estar familiarizado con CSS, Twig y JavaScript.}} <span id="The_LimeSurvey_theme_editor"></span> =El editor de temas de LimeSurvey= '''Editor de temas''': '''Configuración''' > '''Temas'''> '''Editor de temas''' El Editor de temas solo está disponible para los usuarios [[Manage users#Set global permissions for a user|con el permiso Plantillas]] y para superadministradores. {{Alert|title=Atención|text=Un tema que no está construido correctamente puede causar que una encuesta (que usa la correspondiente plantilla) deje de funcionar. }} El editor de temas de LimeSurvey le permite editar en línea el contenido de sus temas. Para iniciar el Editor de temas: haga clic en '''Temas''' en el menú '''Configuración''' y luego haga clic en el botón '''Editor de temas''' junto al tema que desea editar o ampliar. [[File:Themes menu.png]] [[File:Theme editor button.png|''El botón para acceder al editor de temas para el tema Bootswatch'']] La página del editor de plantillas le permite seleccionar la plantilla que desea editar/ver. [[File:Template-editor-2013-7-10_11_38_16.png | center]] Las siguientes opciones están disponibles: *'''Crear''': Le permite crear una nueva plantilla. Para no empezar de cero, se copia la plantilla 'predeterminada'. *'''Importar''': Permite importar una plantilla desde un archivo ZIP. *'''Exportar''' : Le permite exportar la plantilla actual a un archivo ZIP. *'''Copiar''': Le permite crear una nueva plantilla copiando la actual. *'''Renombrar''': Le permite cambiar el nombre de la plantilla. Generalmente se usa después de copiar o importar una plantilla. *'''Plantilla''': Una lista desplegable que muestra todas las plantillas disponibles que se encuentran en su instalación de LimeSurvey. *'''Pantalla''': es una lista desplegable que le permite elegir qué página de encuesta en particular de esa plantilla desea ver. *'''Volver al panel de administración'''. <span id="Import/Export/Copy_a_template"></span> ===Importar/Exportar/Copiar una plantilla=== Cuando '''exporte '''una plantilla, se creará un archivo ZIP con todos los archivos de su plantilla (archivos .pstpl, imágenes, archivos css, ...). Puede '''importar''' el archivo zip exportado a otra instalación de LimeSurvey usando la función de importación o puede copiar manualmente el archivo a otra instalación de LimeSurvey y extraerlo en el correspondiente [[Theme editor#Template files location|directorio de plantillas]]. Sin embargo, es preferible utilizar las funciones de importación/exportación/copia de plantillas de LimeSurvey en el editor de plantillas. ===Estructura de página/Uso de plantilla=== *'''La Página de Bienvenida:''' startpage.pstpl, welcome.pstpl, privacy.pstpl, navigator.pstpl, endpage.pstpl *'' 'Las Páginas de Preguntas:''' startpage.pstpl, encuesta.pstpl, startgroup.pstpl, groupdescription.pstpl, question.pstpl, endgroup.pstpl, endpage.pstpl *'''La Página Final:''' startpage .pstpl, evaluación.pstpl, completado.pstpl, endpage.pstpl <span id="Template_files"></span> ===Archivos de plantilla=== Los siguientes archivos de plantilla se utilizan para producir su encuesta pública y deben existir en cualquier nueva carpeta de plantilla que cree: *'''startpage.pstpl:''' Produce el inicio de cada página html. Comienza en el etiqueta "<head>" , y no debe contener el etiqueta "<html> ". Este 'comienzo' de una página html estándar es escrito por los scripts. Asegúrese de que sus archivos startpage.pstpl contengan unetiqueta <body>. Aunque muchos navegadores no requieren un cumplimiento estricto de los estándares HTML de W3, el script de LimeSurvey necesita encontrar una etiqueta <body> para ejecutar ciertos elementos de javascript. No es común ver muchas 'palabras clave' utilizadas en el archivo startpage.pstpl. Sin embargo, es posible que desee poner {SURVEYNAME} en el título. El archivo startpage.pstpl puede contener código que termina en el archivo endpage.pstpl correspondiente. Por ejemplo, puede iniciar una tabla en este archivo y cerrar la tabla en el archivo endpage.pstpl. Los archivos startpage.pstpl y endpage.pstpl envuelven todas las páginas posibles utilizadas por LimeSurvey. *'''survey.pstpl:''' Esta plantilla es la segunda utilizada en la mayoría de las páginas y proporciona un espacio para poner el nombre de la encuesta y su descripción. Esta plantilla no tiene una plantilla de 'cierre' correspondiente y por tanto debe cerrar todas las etiquetas abiertas en este archivo de plantilla (es decir, no deje una tabla abierta aquí porque no hay otro lugar para cerrarla). *'''welcome.pstpl:''' Esta plantilla solo se usa en la pantalla de bienvenida (que también se encuentra en la página principal de las encuestas 'todo en uno'). Puede usarlo para imprimir el texto de bienvenida y otra información que deba proporcionarse en la introducción. Al igual que el archivo 'survey.pstpl', no hay una plantilla de 'cierre' correspondiente, por lo que todas las etiquetas abiertas en este archivo de plantilla también deben cerrarse. *'''startgroup.pstpl:''' Esta plantilla puede proporcionar un envoltorio de 'resumen' para preguntas dentro de un grupo. Tiene una plantilla 'endgroup.pstpl' pareja que se puede usar para cerrar cualquier etiqueta abierta en este archivo, por lo que puede abrir una tabla dentro de éste. *'''groupdescription.pstpl:''' Este archivo de plantilla se utiliza para mostrar una descripción de un grupo. Tenga en cuenta que en la configuración de la encuesta (acceda a ''Presentación y configuración de navegación'' haciendo clic en la pestaña '''Presentación''') puede establecer si la descripción del grupo debe mostrarse o no. Si no, este archivo no se incluye en absoluto. *'''question.pstpl:''' Este archivo contiene las secciones de preguntas, respuestas y texto de ayuda de su encuesta. En las encuestas "grupo a grupo" y "todo en uno", esta plantilla se alterna repetidamente con cada pregunta. No hay un archivo de cierre correspondiente para esto y todas las etiquetas deben cerrarse. *'''question_start.pstpl:''' Este archivo contiene los elementos individuales que se encuentran al comienzo de una pregunta. Se incluye dentro de 'question.pstpl' a través de la palabra clave {QUESTION}. Su objetivo es permitir a los diseñadores de plantillas un mayor control sobre el diseño de una pregunta. Esta plantilla se encuentra fuera del sistema de plantillas normal y '''fue reemplazada (a partir de LimeSurvey 1.87)'''. Todas las palabras clave de esta plantilla ahora están disponibles directamente en question.pstpl. *'''completed.pstpl:''' Esta página se muestra como la página final cuando las respuestas de la encuesta se han guardado y la encuesta ha terminado. Se puede usar para mostrar un "enlace de reenvío" como se establece en la configuración de la encuesta. *'''endgroup.pstpl:''' Este archivo cierra el grupo y se puede usar para cerrar cualquier etiqueta abierta en el archivo startgroup.pstpl *'''navigator.pstpl:''' Este archivo contiene los botones que navegan por la encuesta, "siguiente", "anterior", "último", "enviar", "guardar hasta ahora" y el enlace "borrar todo". Se usa en todas las páginas excepto en la página completada. *'''printanswers.pstpl:''' Este archivo tiene el contenedor HTML necesario para la versión impresa de la encuesta. *'''print_group.pstpl :'''' Este archivo es el mismo que startgroup.pstpl y endgroup.pstpl, pero para la versión impresa de la encuesta. *'''print_question.pstpl:''' Este archivo es el mismo que question.pstpl , pero para la versión impresa de la encuesta. *'''print_survey.pstpl:''' Este archivo es el mismo que survey.pstpl, pero para la versión impresa de la encuesta. <span id="CSS_and_Javascript"></span> === CSS y JavaScript=== Dos archivos que siempre se usan en una plantilla son template.css (para CSS) y template.js (para Javascript). *'''{TEMPLATECSS}:''' Agrega líneas para el css predeterminado, template.css, y template-rtl.css para el lenguaje rtl. *'''{TEMPLATEJS}:''' Agrega líneas para los archivos javascript predeterminados, template.js y todos los archivos js necesarios para LimeSurvey. ===Uso de Bootstrap=== LimeSurvey tiene Bootstrap 3 incorporado, por lo que puede diseñar todas sus plantillas con las bien documentadas clases de Bootstrap. Para obtener más información, consulte la [https://getbootstrap.com documentación de Bootstrap ]. También se incluye el complemento [https://github.com/flatlogic/awesome-bootstrap-checkbox Awesome-Bootstrap-Checkbox]. Con él, puede usar las clases de color típicas de Bootstrap (información, advertencia, peligro, etc.) también con el sufijo "-checkbox" o "-radio", aunque las casillas de verificación y las radios se diseñan como usted prefiera. <span id="Replacing_default_CSS_or_Javascript"></span> ==== Reemplazo de CSS o Javascript predeterminados ==== Algunas preguntas usan archivos específicos para Javascript o CSS. Si necesita reemplazar una función, use un sistema en cascada. Para la función javascript, la última función leída es la función utilizada. <span id="Other_template_files"></span> ===Otros archivos de plantilla=== LimeSurvey ya no utiliza '''privacy.pstpl''', '''invitationemail.pstpl''', '''reminderemail.pstpl''' y '''confirmemail.pstpl''' en su lugar, puede configurarlos en los archivos de idioma correspondientes. Los mensajes de correo electrónico ahora se pueden editar encuesta por encuesta. <span id="Standard_pages"></span> ===Páginas estándar=== Hay diez páginas estándar que un participante de la encuesta puede ver en el curso de tomar o acceder a la aplicación LimeSurvey. Cada una se construye a partir de una serie de archivos '''Plantilla''' comunes de la '''Plantilla''' especificada en la configuración de la encuesta. La siguiente tabla indica qué archivos de plantilla se utilizan para construir cada una de estas páginas. {| class="wikitable" ! '''Páginas de encuesta/'''<br />'''Archivos de plantilla'''!!Lista de<br />Encuestas!!Bienvenido!!Pregunta!!Completado!!Limpiar todo !!Registrar!!Cargar!!Guardar!!Imprimir<br />Respuestas!!Imprimir<br />Encuesta |- |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> NOTA: En la versión 1.90+, esto reemplaza a question.pstpl Y question_start.pstpl. Si está utilizando una plantilla personalizada antigua, debe agregar la siguiente línea al comienzo de question.pstpl: <syntaxhighlight lang="php"><div {QUESTION_ESSENTIALS} class="{QUESTION_CLASS}{QUESTION_MAN_CLASS}{QUESTION_INPUT_ERROR_CLASS}"></syntaxhighlight> Y luego agregue la etiqueta de cierre correspondiente al final de question.pstpl:<syntaxhighlight lang="php"></div></syntaxhighlight> <span style='color:red'>'''*'''</span> NOTA: en la versión 1.91 y anteriores, los archivos js de LimeSurvey no están incluidos en la plantilla. En la versión 2, '''debe usar {TEMPLATEJS} en uno de sus archivos de plantilla''' para agregar el enlace al archivo js. Puede agregarlo en startpage.pstpl o en endpage.pstpl. Puede eliminar la línea {TEMPLATEURL}/template.js y debe reemplazarla por {TEMPLATEJS} para actualizar una plantilla personal. <span id="The_file_control_section"></span> ===La sección de control de archivos=== En la ventana "control de archivos" de la izquierda, puede hacer clic en uno de los archivos de plantilla que se utilizan para compilar la página. Puede ver la ''Parte de la pantalla'', los archivos JavaScript y CSS. El código HTML para ese archivo aparecerá en la ventana "Ahora editando" en el centro. Si la plantilla es editable (determinada por los permisos del directorio), puede realizar cambios y guardarlos. <center>[[File:File Control Section.png|center]]</center> La ventana "Otros archivos" muestra una lista de todos los demás archivos del directorio de plantillas. Puede usar el lado derecho para '''cargar y seleccionar archivos de imagen (sus fotos, logotipos, ...) u otros archivos necesarios para crear su plantilla'''. En lugar de usar un enlace para cada imagen, utilice la cadena de campo {TEMPLATEURL}. Entonces, en lugar de: <syntaxhighlight lang="html4strict">img src='/limesurvey/templates/yourtemplate/files/mypicture.jpg'</syntaxhighlight> Puedes usar {{NewIn|2.50}}: <syntaxhighlight lang="html4strict"> img src='{TEMPLATEURL}archivos/miimagen.jpg'</syntaxhighlight> En versiones de LimeSurvey anteriores a la 2.50 utilice: <syntaxhighlight lang="html4strict"> img src='{TEMPLATEURL}miimagen.jpg'</syntaxhighlight> Una "muestra" de la página de plantilla que está editando será visible en la parte inferior de la pantalla. No hay forma de eliminar una plantilla del editor de plantillas. Esto debe hacerse accediendo al directorio subyacente y eliminando manualmente los archivos desde allí. También tiene la posibilidad de seleccionar diferentes resoluciones de pantalla para evaluar mejor la sensación y el aspecto de la plantilla. <div class="simplebox"> '''Nota:''' Las plantillas preinstaladas no se pueden editar con el editor de plantillas. Si desea modificarlos, cree primero una copia y edítela. </div> <span id="Template_files_location"></span> ===Ubicación de los archivos de plantilla=== LimeSurvey almacena cada una de las plantillas 'estándar' en su propio subdirectorio dentro del directorio ''/templates'' que se mantiene en el directorio público con los otros archivos públicos de LimeSurvey. Las plantillas de usuario personalizadas se almacenan en el directorio ''/upload/templates ''. '''SIEMPRE''' debería haber un directorio "predeterminado" en el directorio de plantillas. Esta plantilla se usa de manera predeterminada y como alternativa si no existe una carpeta de plantilla o no se puede encontrar. Éste viene instalado por defecto. Puede usar cualquier archivo de imagen que suba en el área de administración de plantillas con la ayuda de esta sintaxis: <syntaxhighlight lang="php">{TEMPLATEURL}nombre de archivo.xyz</syntaxhighlight> <span id="Styling_questions_with_CSS"></span> ==Preguntas de estilo con CSS== El estilo de las preguntas en CSS se ha vuelto mucho más fácil. Cada tipo de pregunta tiene ahora una clase única. Las preguntas obligatorias tienen una clase obligatoria adicional. Por ejemplo, para una pregunta no obligatoria: <syntaxhighlight lang="html4strict"><div id="question5" class="gender"> ... </div></syntaxhighlight> y si la pregunta es obligatoria: <syntaxhighlight lang="html4strict"><div id="question5" class="gender mandatory"> ... </div></syntaxhighlight> y si la pregunta es obligatoria, pero el usuario no la respondió o si hay una validación en una pregunta: <syntaxhighlight lang="html4strict"><div id="question5" class="gender mandatory input-error"> ... </div></syntaxhighlight> y si la pregunta tiene validación aplicada, pero el usuario no ha respondido correctamente: <syntaxhighlight lang="html4strict"><div id="question6" class="text-short input-error"> ... </div></syntaxhighlight> <span id="Global_classes_for_question_part"></span> ==Clases globales para la parte de la pregunta== Estas clases se usan para cada tipo de pregunta. Algunos tipos de preguntas usan solo una o dos clases, mientras que otras pueden usar muchas más. {| class="wikitable alternance" |+ Clases globales |- ! scope="col" | Nombre de la clase ! scope="col" | Parte ! scope="col" | Tipo de pregunta ! scope="col" | Ejemplo ! scope="col" | Nota |- ! scope="row" | .question {{ObsoleteIn|3.0}} | Todos los bloques de preguntas | Todos los tipos de preguntas |<p class="question">, <ul class="question">, <table class="question"> | |- ! scope="row" | .ls-answers {{NewIn|3.0}} | Todos los bloques de preguntas | Todos los tipos de preguntas |<div class="ls-answers ">, <ul class="ls-answers ">, <table class="ls-answers"> | |- ! scope="row" | .subquestions-list | Lista de sub-preguntas | Preguntas de opción múltiple, preguntas tipo matriz | <ul class="subquestions-list">, <table class="subquestions-list"> | .questions-list también se usa |- ! scope="row" | .answers-list | Lista de respuestas | Preguntas de opción única, preguntas tipo matriz, Preguntas de entrada múltiple de texto | <ul class="answers-list">, <table class="answers-list"> | |- ! scope="row" | .answer-item | La parte de respuesta: una respuesta | Preguntas de opción única, preguntas tipo matriz, Preguntas de entrada múltiple de texto | <li class="answer-item">, <td class="answer-item"> | |- ! scope="row" | .noanswer-item | La parte de respuesta para sin respuesta | Preguntas de opción única, preguntas tipo matriz | <li class="noanswer-item">, <td class="noanswer-item"> | No answer is an answer too, then have double class noanswer-item and answer-item |- ! scope="row" | .question-item | The question part: one question | Multi text question, array question type | <li class="question-item">, <tr class="question-item"> | Some answers are questions too. Then we have a lot of class="question-item answer-item" |- ! scope="row" | .button-list | A list of button | Yes no and Gender question | <ul class="button-list"> | |- ! scope="row" | .button-item | The answer part with a button | Yes no and Gender question | <li class="button-item"> | |- ! scope="row" | .checkbox-list | A list of checkbox | Multi choice question, array number (checkbox) question type | <ul class="checkbox-list">, <tr class="checkbox-list"> | Some question types use multi-list class, like checkbox with comment: class="checkbox-list text-list" |- ! scope="row" | .checkbox-array {{NewIn|3.0}} | A array of checkbox | Array (numbers) with checkbox option | <table class="checkbox-list"> | |- ! scope="row" | .checkbox-item | The answer part with a checkbox | Multi choice question, array number (checkbox) question type | <li class="checkbox-item">, <td class="checkbox-item"> | |- ! scope="row" | .radio-list | A list of radio item | Single choice question, array question type (each row) | <ul class="radio-list">, <tr class="radio-list"> | |- ! scope="row" | .radio-array {{NewIn|3.0}} | A array of radio item | Array question type | <table class="radio-array"> | |- ! scope="row" | .radio-item | The answer part with a radio | Single choice question, array question type | <li class="radio-item">, <td class="radio-item"> | |- ! scope="row" | .text-list | A list of text input | Multi text question type, array of text | <ul class="text-list">, <tr class="text-list"> | |- ! scope="row" | .text-item | The answer part of a text input | Multi text question type, array of text | <li class="text-item">, <td class="text-item"> | |- ! scope="row" | .numeric-list | A list of text input with numeric only answer | Multi numeric question type, array of number | <ul class="text-list numeric-list">, <tr class="text-list numeric-list"> | |- ! scope="row" | .number-list | A list of text input with numeric only answer (each row) | Multi numeric question type, array of number | <ul class="text-list numeric-list">, <tr class="text-list numeric-list"> | |- ! scope="row" | .number-array {{NewIn|3.0}} | The answer part of a numeric input | Array of number | <table class="number-array"> | |- ! scope="row" | .select-list {{ObsoleteIn|2.50}} | A list of select | Array numbers, Dual scale array (select) | <table class="select-list"> | |- ! scope="row" | .dropdown-list {{NewIn|2.50}} | A list of select | Array numbers, Dual scale array (select) (each row) | <table class="dropdown-list"> | |- ! scope="row" | .dropdown-array {{NewIn|3.0}} | A array of dropdown | Array numbers, Dual scale array (select) | <table class="dropdown-array"> | |- ! scope="row" | .select-item {{ObsoleteIn|2.50}} | The answer part of a select | Array numbers, Dual scale array (select), single choice with select | <p class="select-item">, <td class="select-item"> | |- ! scope="row" | .dropdown-item {{NewIn|2.50}} | The answer part of a select | Array numbers, Dual scale array (select), single choice with select | <p class="dropdown-item">, <td class="dropdown-item"> | |- ! scope="row" | .hide {{ObsoleteIn|3.0}} | Used for accessibility: hidden with css but read by screenreader, since 2.50 : you can use sr-only from bootstrap | Short text question | <label class="hide"> | Can be used for other purposes |- ! scope="row" | .ls-js-hidden {{NewIn|3.0}} | Used for part to be hidden if javascript is activated | Button for example | <div class="ls-js-hidden"> | LimeSurvey core used it, but you can use it too in your template |- ! scope="row" | .ls-js-hidden-sr {{NewIn|3.0}} | Used for accessibility: hide it if js is activated, but always show if user use a screenreader | Button for example | <a class="ls-js-hidden-sr"> | Button |- ! scope="row" | .ls-no-js-hidden {{NewIn|3.0}} | Used for part to be hidden if javascript is not activated | Link | <a class="ls-no-js-hidden"> | LimeSurvey core used it for inactive link if javascript is not activated |- ! scope="row" | .ls-label-xs-visibility {{NewIn|3.0}} | Label to be hidden in big screen, but show with little screen (with no more table) and to screenreader | label | <label class="ls-no-js-hidden"> | Used for label inside table cell of array question type |- ! scope="row" | .ls-input-group-extra {{NewIn|3.0}} | Same usage of boostrap input-group-addon, but without the border and the background. | right suffix | <div class="ls-input-group-extra"> | Used for right and left suffix (global) |- ! scope="row" | .checkbox {{ObsoleteIn|3.0}} | input[type=checkbox] | Question with checkbox | <input type="checkbox" class="checkbox"> | Con navegadores modernos no es necesario, pero algunos navegadores antiguos lo necesitan |- ! scope="row" | .radio {{ObsoleteIn|3.0}} | entrada[tipo=selección] | Pregunta con selección | <input type="radio" class="radio"> | With modern browser: not needed, but some old browser need this |- ! scope="row" | .text | entrada[tipo=texto] | Pregunta con texto de entrada o área de texto | <textarea class="text"> | |- ! scope="row" | .answertext | Tipo de pregunta de matriz | Parte de respuestas de las preguntas tipo matriz | <th class="answertext"> | |- ! scope="row" | .col-answers | Tipo de pregunta de matriz | Columna de respuestas | <col class="col-answers"> | |- ! scope="row" | .odd .even {{ObsoleteIn|2.50}} | Tipo de pregunta de matriz | Alternancia por columna | <col class="odd"> | |- ! scope="row" | .array1 .array2 {{ObsoleteIn|3.0}} | Tipo de pregunta de matriz | Alternancia por línea | <tr class="array1"> | |- ! scope="row" | .ls-odd .ls-even {{NewIn|3.0}} | Tipo de pregunta de matriz | Alternancia para sub-pregunta y eje Y | <tr class="ls-odd"> | |} <span id="Some_examples_of_question_part_with_classes"></span> ==== Algunos ejemplos de parte de preguntas con clases ==== '''Tipo de pregunta de texto corto:'''<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> '''Múltiples textos cortos'''<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> '''Tipo de pregunta de matriz'''<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> ===La lista completa de clases de preguntas=== {| |'''Tipo de pregunta'''||'''Clase de pregunta'''||'''ID de pregunta''' |- |5 puntos de elección||.choice-5-pt-radio||5 |- |Matriz (opción de 10 puntos)||.array-10-pt||B |- |Matriz (opción de 5 puntos)||.array-5-pt||A |- |Matriz (etiquetas flexibles) escala dual||.array-flexible-duel-scale||1 |- |Matriz (Aumento, Mismo, Disminución)||.array-aumentar-mismo-disminuir||E |- |Matriz (Multi Flexible) (Números)||.array-multi-flexi||: |- |Matriz (Multi Flexible) (Texto)||.array-multi-flexi-text||; |- |Matriz (Sí / No / Incierto) || .array-sí-incierto-no||C |- |Matriz (etiquetas flexibles) || .array-flexible-row || F |- |Matriz (etiquetas flexibles) por columna || .array-flexible-column || H |- |Pregunta repetitiva || .boilerplate || X |- |Fecha || .date || D |- |Género || .gender || G |- |Texto libre enorme || .text-huge || U |- |Cambio de idioma || .language || I |- |Lista (desplegable) || .list-dropdown ||! |- |Lista (radio) || .list-radio || L |- |Lista con comentario || .list-with-comment || O |- |Texto libre largo || .text-long || T |- |Entrada numérica múltiple || .numeric-multi || K |- |Múltiples opciones || .multiple-opt || M |- |Múltiples opciones con comentarios || .multiple-opt-comments || P |- |Texto corto múltiple || .multiple-short-txt || Q |- |Entrada numérica || .numeric || N |- |Clasificación || .ranking || R |- |Texto libre corto || .text-short || S |- |Sí / No ||.yes-no|| Y |- | |} <span id="The_full_list_of_validation_classes"></span> ===La lista completa de clases de validación=== <div class="simplebox"> Nota: Antes de 1.92, solo las clases .mandatory y .input-error estaban disponibles. </div> Estas se aplican a los mensajes de sugerencia de ayuda y/o validación para que cada tipo se pueda diseñar individualmente. La opción .hide-tip y las opciones .input-error interactúan de manera predeterminada para que pueda ocultar las sugerencias de validación. Sin embargo, aparecen cuando hay errores de validación y desaparecen nuevamente cuando se corrigen esos errores. Todos estos están diseñados para eliminar la necesidad de mensajes de alerta emergentes. En cambio, los consejos pueden aparecer/desaparecer según sea necesario y están codificados por colores para indicar si las respuestas pasan los criterios de validación. Además, cuando visita por primera vez una página que tiene criterios de validación no satisfechos, puede codificar con color los consejos en un color agradable para mostrar qué criterios de validación aún no se han cumplido; luego vuelva a mostrar la página con un color más severo si la persona envía la página con errores de validación persistentes. {| |'''Propósito'''||'''Clase CSS'''||'''Descripción''' |- |Obligatorio || .mandatorio || la pregunta es obligatoria |- |Error de entrada del usuario || .input-error || la pregunta tenía al menos un error de validación |- |Ocultar sugerencia || .hide-tip || agregado si usa la opción hide_tip |- |Tipo por defecto || .em_default || para el conjunto de sugerencias predeterminado (valor numérico, etc.) |- |Num respuestas || .em_num_answers || para min_answers y max_answers |- |Rango de valores || .em_value_range || para min/max_num_value_n y multiflexible_min/max |- |Rango de suma || .em_sum_range || para min/max/equals_num_value |- |Validación de expresiones regulares || .em_regex_validation || para la validación de expresión regular de la pregunta |- |Función de validación de nivel de pregunta || .em_q_fn_validation || para la opción em_validation_q |- |Función de validación de nivel de sub-pregunta || .em_sq_fn_validation || para la opción em_validation_sq |- |Otro comentario obligatorio || .em_other_comment_mandatory || para la opción other_comment_mandatory: se muestra cuando se selecciona "otro" pero falta el comentario asociado. |- | |} <span id="Importing_styles_into_your_custom_template"></span> ===Importando estilos a su plantilla personalizada=== Los estilos de preguntas personalizados se encuentran cerca de la parte inferior del archivo CSS de cada plantilla y comienzan con:<syntaxhighlight lang="php"> /* --------------------------- INICIO: Estilos de preguntas ----------------- ------------- */</syntaxhighlight> Si está diseñando su propia plantilla personalizada, debería poder copiar todo después de la anterior desde ''templates/default/template.css'' (para diseños basados en tablas) o ''/templates/limespired/template.css'' (para diseños basados en CSS) en su propia hoja de estilo sin ningún impacto en sus otros estilos. <span id="Internet_Explorer_Conditional_Style_Sheets"></span> ===Hojas de estilo condicional de Internet Explorer=== Debido a las marcadas discrepancias en el renderizado entre IE6 e IE7 y los otros navegadores, se incluyen hojas de estilo condicionales especiales de IE para cada plantilla. <source lang="html4strict">!¡NORTE! <!--[if IE]> <link rel="stylesheet" type="text/css" href="{TEMPLATEURL}IE_fix_all-versions.css" /> <![endif]--> !¡NORTE! <!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="{TEMPLATEURL}IE_fix_older-than-7.css" /> <![endif]--> !¡NORTE! <!--[if IE 8]> <link rel="stylesheet" type="text/css" href="{TEMPLATEURL}ie_fix_8.css" /> <![endif]--> !¡NORTE!</source> Debera incluir el código anterior en su '''startpage.pstpl''' y copias de ambas hojas de estilo de IE desde ''/templates/default/'' o ''/templates/limespired'' para el diseño basado en tablas y diseño basado en CSS respectivamente. <div class="simplebox"> '''Nota:''' Si copia los estilos en su propia hoja de estilo, seguramente necesitará ajustarlos. </div> <span id="Alternative_solution_for_internet_explorer"></span> ====Solución alternativa para Internet Explorer==== Puede poner una clase condicional para <body> en startpage.pstpl y usar esta clase en su template.css. Este método se utiliza en la plantilla citronade {{ObsoleteIn|2.06}}. Agregando una clase js / no-js para tener un sistema javascript / no javascript. <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> Y use en template.css: <source lang="css">.ie6 {/* específico para Internet Explorer 6 */} .ielt8 {/*específico para Internet Explorer 6 y 7*/} .ie {/*específico para Internet Explorer*/}</source> <span id="Right-to-Left_(RTL)_languages_and_justify"></span> === Idiomas de derecha a izquierda (RTL) y justificar=== El editor de texto dentro de LimeSurvey puede formatear texto RTL. Sin embargo, el editor en sí muestra el lenguaje RTL en un formato de izquierda a derecha cuando está justificado. Esto es solo un problema de visualización del editor. El RTL y la pregunta o texto justificados se mostrarán correctamente de derecha a izquierda, incluso cuando estén justificados, en su encuesta o en la vista previa. <span id="Keywords"></span> ===Palabras clave=== {{Deprecated|3.0}} Las palabras clave dentro de un archivo de plantilla se reemplazan por la información de la encuesta actual. Están rodeados por llaves, por ejemplo: {SURVEYNAME}. Las siguientes cadenas serán reemplazadas por LimeSurvey al analizar el archivo de plantilla y presentarlo a los usuarios de la encuesta. Estas cadenas de campo funcionarán en casi todas las plantillas, excepto en la 'Página completada'. (La mayoría de estas cadenas se pueden encontrar en el archivo common.php. Si no está allí, busque en el archivo index.php). {|class=wikitable !'''Keyword'''!!'''Archivos de plantilla'''!!'''Descripción''' |- |{SURVEYNAME} || Todos Archivos || El título de la encuesta. |- |{SURVEYDESCRIPTION} || Todos los archivos || La descripción de la encuesta. |- |{WELCOME} || Todos los archivos (principalmente para welcome.pstpl) || El texto de "bienvenida" de la encuesta. |- |{PERCENTCOMPLETE} || survey.pstpl || Un pequeño gráfico que muestra el porcentaje de la encuesta completada. |- |{GROUPNAME} || startgroup.pstpl, groupdescription.pstpl, endgroup.pstpl || Muestra el nombre del grupo actual. |- |{GROUPDESCRIPTION} || startgroup.pstpl, groupdescription.pstpl, endgroup.pstpl || Muestra la descripción del grupo actual . |- |{NUMBEROFQUESTIONS} || welcome.pstpl || Muestra el número total de preguntas en la encuesta (sólo el número). |- |{THEREAREXQUESTIONS} || welcome. pstpl || Muestra la oración "Hay X preguntas en esta encuesta", del archivo de idioma correspondiente. La X se reemplaza con el número de preguntas. Tenga en cuenta que esto también funcionará adecuadamente para singular o plural. Si solo hay 1 pregunta, se imprimirá "Hay 1 pregunta en esta encuesta". |- |{CHECKJAVASCRIPT} || Todos los archivos (principalmente para welcome.pstpl) || Mensaje de advertencia cuando el navegador del usuario tiene JavaScript deshabilitado. |- |{QUESTION} || Question.pstpl || ('''Ha sido reemplazado a partir de LS1.87''') Muestra el texto de la pregunta actual (El formato de {QUESTION} puede personalizarse editando 'question_start.pstpl') Use los siguientes: {QUESTION_TEXT}, {QUESTION_MANDATORY}, {QUESTION_HELP}, {QUESTION_MAN_MESSAGE}, {QUESTION_VALID_MESSAGE}, {QUESTION_INPUT_ERROR_CLASS} con un etiquetado html apropiado en lugar de {QUESTION}. |- |{ANSWER} || question.pstpl, print_question.pstpl || Muestra el formulario de respuesta para la pregunta actual. |- |{SGQ} || question.pstpl, texto de pregunta || Se puede utilizar en el texto de la pregunta en sí para hacer referencia dinámica al campo de entrada de la pregunta al mostrar el ID de la encuesta, el grupo y la pregunta de la pregunta actual. (a partir de svn build 9755) |- |{QUESTIONHELP} || question.pstpl, print_question.pstpl || Muestra el texto de ayuda (sugerencia predefinida para el tipo de pregunta) para la pregunta actual. |- |{QUESTION_CLASS} || question.pstpl, print_question.pstpl || Clase única para cada tipo de pregunta. (Se incluirá en el etiquetado de la pregunta.) |- |{QUESTION_CODE} || question.pstpl, print_question.pstpl || Muestra el código de pregunta actual. |- |{QUESTION_ESSENTIALS} || question.pstpl || El ID de la pregunta y (si una pregunta es condicional), 'style="display: none;"'. (Se incluirá en el etiquetado de la pregunta.) |- |{QUESTION_HELP} || question.pstp, question_start.pstpl || Muestra el texto de ayuda definido por el usuario para la pregunta actual. |- |{QUESTION_TYPE_HELP} || print_question.pstp || Muestra el texto de ayuda definido por el usuario para la pregunta actual. |- |{QUESTION_INPUT_ERROR_CLASS} || question.pstp, question_start.pstpl || Proporciona una clase si hubo un error de entrada del usuario. |- | {QUESTION_ID} || print_question.pstp || Proporciona una identificación única para cada pregunta para permitir el diseño de preguntas específicas. |- |{QUESTION_TEXT} || question.pstp, print_question.pstp, question_start.pstpl || Muestra el texto de la pregunta actual. |- |{QUESTION_MANDATORY} || question.pstp, print_question.pstp, question_start.pstpl || Muestra el Texto 'obligatorio' para la pregunta actual. |- |{QUESTION_MAN_CLASS} || question.pstpl, print_question.pstpl || Clase de una pregunta si es obligatoria. (Se incluirá en el etiquetado de la pregunta.) |- |{QUESTION_MAN_MESSAGE} || question.pstp, print_question.pstp, question_start.pstpl || Muestra el texto traducido del mensaje de ayuda 'Obligatorio' para el pregunta actual. |- |{QUESTION_NUMBER} || print_question.pstpl || Recuento incremental de preguntas. |- |{QUESTION_VALID_MESSAGE} || question.pstp, print_question.pstp, question_start.pstpl || Muestra el texto del mensaje de ayuda válido para la pregunta actual. |- |{QUESTION_SCENARIO} || print_question.pstp || Imprime el texto 'escenario' para preguntas condicionales. |- |{NAVIGATOR} || navigator.pstpl || Muestra los botones de navegación (siguiente, anterior, último) |- |{CLEARALL} || Todos los archivos (pero destinados a navigator.pstpl) || Muestra el Enlace "Salir y borrar resultados" |- |{COMPLETED} || complete.pstpl || Muestra el mensaje 'completado' para registrarse, cambiará dependiendo de si los campos de atributo_1 y atributo_2 están configurados. |- |{URL} || complete.pstpl || Muestra la 'url' la encuesta y el 'texto url'. |- |{PRIVACYMESSAGE} || privacy.pstpl || El mensaje de privacidad se muestra si configura su encuesta como anónima. [[Translating LimeSurvey|El texto se puede editar/traducir]] en el(los) idioma(s) configurado(s). Esto también se puede cambiar manualmente editando la plantilla privacy.pstpl que desea usar. |- |{TEMPLATEURL} || Todos los archivos || La URL a la ubicación de la plantilla actual (útil para hacer referencia a archivos de imagen en su plantilla). |- |{SURVEYRESOURCESURL} || Todos los archivos || La URL de ubicación de los archivos cargados para esta de encuesta (útil para hacer referencia a archivos de imagen en su pregunta, grupo, ...) |- |{SUBMITCOMPLETE} || endpage.pstpl || El mensaje (de los archivos de idioma) que le dice al usuario que ha completado la encuesta, y que presione el botón "Enviar" |- |{SUBMITREVIEW} || survey.pstpl || El mensaje (de los archivos de idioma) que le dice al usuario que puede revisar/cambiar las respuestas que ha hecho haciendo clic en "<< anterior" |- |{SAVEDID} || Todos los archivos || Muestra la 'ID de respuesta' del usuario. |- |- |{QUEXMLPDF} || Todos los archivos || Muestra el botón para exportar el en PDF queXML, incluidas las respuestas ingresadas hasta el punto que se completó en la encuesta. |- |{TOKEN: FIRSTNAME} || Todos los archivos || *** Si las respuestas de la encuesta NO SON ANÓNIMAS: se reemplaza con el nombre de usuario de la tabla de tokens *** |- |{TOKEN: LASTNAME} || Todos los archivos || *** Si las respuestas de la encuesta NO SON ANÓNIMAS: se reemplaza con el apellido de los usuarios de la tabla de tokens *** |- |{TOKEN: EMAIL} || Todos los archivos || *** Si las respuestas de la encuesta NO SON ANÓNIMAS: se reemplaza con el correo electrónico de los usuarios desde la tabla de tokens *** |- |{TOKEN: ATTRIBUTE_1} || Todos los archivos || *** Si las respuestas de la encuesta NO SON ANÓNIMAS: se reemplaza con el atributo de usuario_1 de los tokens tabla *** |- |{TOKEN: ATTRIBUTE_2} || Todos los archivos || *** Si las respuestas de la encuesta NO SON ANÓNIMAS: se reemplaza con el atributo de usuario_2 de la tabla de tokens *** |- |{ANSWERSCLEARED} || Preferiblemente en navigator.pstpl || La instrucción "Respuestas borradas" en el(los) idioma(s) configurado(s). |- |{RESTART} || clearall.pstpl || URL para reiniciar la encuesta. |- |{REGISTERERROR} || register.pstpl || Muestra cualquier mensaje de error en la página de registro (es decir: "Debe incluir una dirección de correo electrónico") |- |{REGISTERMESSAGE1} || register.pstpl || El mensaje "Debe estar registrado para completar esta encuesta" en el(los) idioma(s) configurado(s). |- |{REGISTERMESSAGE2} || register.pstpl || Detalles sobre el registro desde el idioma archivos. |- |{REGISTERFORM} || register.pstpl || El formulario para registrarse cambiará dependiendo de si los campos attribute_1 y attribute_2 están configurados. |- |{SAVE } || Funciona en navigator.pstpl || Muestra el botón "Guardar sus respuestas hasta ahora" para ofrecerle al usuario que guarde y vuelva más tarde para continuar con la encuesta. Si la opción Guardar está desactivada en las propiedades de la encuesta, la etiqueta no se mostrará ni se ignorará. |- |{LANGUAGECHANGER} || survey.pstpl || Muestra un interruptor en las encuestas multilingües para cambiar la pregunta. |} <span id="Input/Buttons"></span> ===Entrada/Botones=== A cada tipo de "entrada" en una encuesta se le ha dado su propio nombre de clase, para que pueda agregar CSS a su archivo "startpage.pstpl" y tener cierto control sobre la apariencia de los botones de formulario y las entradas. Estos nombres de clase son los siguientes: *'''submit''' (Botones de envío) *'''text''' (Entradas de texto - para texto libre corto, fecha y tipo numérico) *'''answertext''' (Texto de las respuestas) *'''radio''' (Botones de radio) *'''checkbox''' (Casillas de verificación) *'''select''' (Cuadros de selección/lista) *'''textarea''' (Entradas de texto grandes - para texto libre largo) *'''clearall''' (El enlace para "Salir y borrar" la encuesta) *'''rank''' (La pregunta de estilo de rango. No establece el color del cuadro de selección o los cuadros de texto, pero permite cambiar el color de fondo, el color del texto, el tamaño, etc. ., para el resto de la pregunta de clasificación) *'''graph''' (La tabla gráfica "porcentaje completado") *'''innergraph''' (La tabla dentro de la tabla gráfica - esto contiene el texto 0% y 100%. Úselo para cambiar el tamaño de este texto) *'''question''' (Configuración general para cualquier pregunta que se muestre dentro de una tabla. Generalmente, debe usar esto para asegúrese de que el tamaño y el color de la fuente sean los mismos que ha usado por defecto) *'''mandatory''' (Preguntas obligatorias) *'''input-error''' (Error de entrada del usuario - por si un usuario ha cometido un error con una pregunta obligatoria o pregunta con validación) *'''array1''' y '''array2''' (Estos dos estilos se ciclan al presentar el rango de respuestas para una pregunta de tipo matriz. Esto le permite establecer un color de fondo alternativo para estos tipos de preguntas. '''Array1''' también se usa para los encabezados de columna en estos tipos de preguntas) *'''Errormandatory''' (Establece el color y el estilo del mensaje de error "Esta pregunta es obligatoria") *'''warningjs''' (Establece el color y el estilo del mensaje de advertencia que se muestra si el navegador del participante tiene JavaScript deshabilitado) También hay algunos elementos a los que se puede acceder utilizando la ID del elemento ('''#ID''' en CSS): *'''Surveycontact''' (El mensaje de contacto que se muestra en la página de inicio) *'''Tokenmessage''' (usado para mensajes dentro de la encuesta, por ejemplo, el mensaje de error que la sesión expiró) Debido a que puedes editar todos los aspectos HTML, no hay razón para rodear tus plantillas con un <syntaxhighlight lang="php"><div class='new_name'></div></syntaxhighlight> y luego defina un CSS para esa clase new_name. <span id="Styling_the_progress_bar"></span> ==Estilo de la barra de progreso== La apariencia de la barra de progreso se puede modificar con CSS. Para cambiar el color de fondo de la barra, agregue algo como lo siguiente al final de su archivo custom.css (ejemplo de tema afrutado): <syntaxhighlight lang="php">.fruity .barra de progreso { color de fondo: #3300FF; }</syntaxhighlight> Para cambiar el color del borde de la barra, agregue algo como lo siguiente al final de su archivo custom.css (ejemplo de tema afrutado): <syntaxhighlight lang="php">.fruity .barra de progreso { borde: 1px sólido #FF0000; }</syntaxhighlight> <span id="Advanced_features_available_to_developers"></span> ==Funciones avanzadas disponibles para desarrolladores== LimeSurvey ha integrado algunos parches creados por usuarios que permiten algunos cambios especiales. Estas características muy avanzadas (generalmente) requieren cambios en la base de código subyacente de LimeSurvey y deben hacerse con cuidado para no introducir agujeros de seguridad. <span id="Support_for_your_own_Javascript_functions"></span> ====Soporte para sus propias funciones de Javascript==== Es posible que algunos usuarios necesiten ejecutar Javascript en las páginas de la encuesta, pero llamar a '''checkconditions ()''' en el elemento BODY hizo que fuera imposible hacerlo. Esta llamada ha sido reemplazada por una pequeña función de JavaScript en HEAD que detecta la existencia de '''checkconditions ()''' y '''template_onload ()''' antes de llamarlos. De esta manera, un autor de plantillas puede crear su propia función '''template_onload ()''' en el HEAD que reemplaza la predeterminada. * Deshabilite el filtro XSS - en Configuración global -> Seguridad, configure "Filtrar HTML para XSS" en No. * Ingrese su script en la fuente de una pregunta o descripción del grupo. {{Note|Para obtener más detalles, consulte la [[Workarounds: Manipulating a survey at runtime using Javascript#How to use Script (eg. JavaScript etc.) in LimeSurvey| manipulación de una encuesta en tiempo de ejecución utilizando Javascript # Cómo usar la secuencia de comandos (por ejemplo, JavaScript, etc.)]] en la sección de soluciones alternativas de LimeSurvey.}} <span id="Tips_&_tricks"></span> ==Consejos y trucos== <span id="Language_specific_element"></span> ===Elemento específico del idioma=== Si desea tener una oración específica de un idioma en una encuesta, por ejemplo, ayuda al final de cada página, puede agregar una oración en un archivo .pstl y ocultarla para el otro idioma. Si lo ocultamos en template.css, podemos usar el pseudo selector :lang, pero usamos alguna clase para una mejor compatibilidad. A continuación, hay dos frases de ayuda, en francés y en español. Ponga esto en endpage.pstpl: <syntaxhighlight lang="php"><div class="fr" lang="fr">Para obtener ayuda, llame directamente al 000000</div> <div class="en" lang="en"> Para obtener ayuda, llame al 000000</div></syntaxhighlight> y en 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> ===Cambiar el diseño de la página de la encuesta=== Después de editar y guardar una plantilla, se aplica a una página de lista de encuestas solo si se selecciona en la configuración de la encuesta. Para convertirla en la plantilla predeterminada, vaya a la '''pestaña General''' ubicada en la '''Configuración global''' de su instalación de LimeSurvey y elija la plantilla deseada. A partir de este momento, todas las plantillas que utilicen la opción "predeterminada" como plantilla, más las que se vayan a crear recientemente, utilizarán la plantilla predeterminada recién seleccionada. Para utilizar su plantilla actual para esta página, debe cambiar la configuración adecuada en '''Configuración global'''. En versiones anteriores, este cambio se puede realizar editando la configuración $defaulttemplate del archivo de configuración: copie esta configuración de config-defaults.php a config.php, que anula config-defaults.php y edite esta configuración a <code lang="html">$defaulttemplate = 'yourtemplatename';</code> . <span id="Import/Export_of_templates:_Mac_users"></span> ===Importación/Exportación de plantillas: usuarios de Mac=== <u>Usuarios de Mac</u> , tenga en cuenta que la utilidad de archivo predeterminada de Mac OSX puede tener problemas con las carpetas zip "generadas sobre la marcha". Una solución alternativa es descomprimir desde la línea de comandos: $ unzip plantilla.zip -d plantilla Archivo: plantilla.zip inflando: plantilla/startpage inflando: ... Otra solución es usar scripts en sus homólogos compilados por mac. <span id="Use_the_same_template_with_different_logos"></span> ===Utilice la misma plantilla con diferentes logotipos=== Si desea usar la misma plantilla para todas las encuestas y solo quiere cambiar el logotipo de cada encuesta, puede usar el marcador de posición {SID} en el archivo .pstpl de la plantilla y, por lo tanto, hacer referencia a diferentes imágenes: <syntaxhighlight lang="php"><img src="{TEMPLATEURL}files/logoImage-{SID}.png"></syntaxhighlight> <span id="Display_custom_favicon"></span> === Mostrar favicon personalizado === Un favicon es el pequeño ícono que ves en la barra de direcciones, la lista de favoritos o la pestaña del navegador. Puedes mostrar tu propio ícono de la siguiente manera: #Crea un favicon: puedes usar Google para encontrar muchos generadores de favicon gratuitos. #Nombra tu nuevo favicon "favicon.ico" y colócalo en tu plantilla/archivos directorio. #Agregue el siguiente código a su '''startpage.pstpl''' antes del</head> etiqueta. <syntaxhighlight lang="html4strict"><link rel="shortcut icon" href="{TEMPLATEURL}files/favicon.ico" type="image/x-icon"> !¡NORTE!<link rel="icon" href="{TEMPLATEURL}files/favicon.ico" type="image/x-icon"></syntaxhighlight> <span id="Different_appearance_for_survey-/question-pages"></span> === Apariencia diferente para las páginas de encuestas/preguntas=== Si desea que LimeSurvey cambie la apariencia de cada segunda página (es decir, páginas de encuesta pares e impares), puede usar la clase '''.page-odd''' en su archivo CSS para cambiar la apariencia de las páginas impares. Un ejemplo de la plantilla predeterminada de LimeSurvey 1.91+: <syntaxhighlight lang="php"> .página-tabla impar.grupo-pregunta { color de fondo: #D2F2D3; }</syntaxhighlight> Si '''no''' quiere diferenciar páginas pares e impares, busque todas las instancias de ''.page-odd'' en template.css y elimine esos estilos. <span id="Create_a_vertical_separator_border_for_dual_scale_array"></span> ===Crear un borde separador vertical para una matriz de escala dual=== Para crear un borde separador vertical para una matriz de doble escala, puede agregar las siguientes líneas a su archivo '''template.css'''. <syntaxhighlight lang="php"> table.question thead td.header_separator, table.question tbody td.dual_scale_separator { borde derecho: sólido 1px #00A8E1; } </syntaxhighlight> ''header_separator'' se usa para dirigir el separador para el encabezado "td". El ''dual_scale_separator'' se usa para direccionar la columna de separación en la matriz de doble escala. <span id="Adding_your_own_logo_to_the_survey_list"></span> ===Agregar su propio logotipo a la lista de la encuesta=== #Primero, abra el editor de temas para el tema que le gustaría usar. [[File:OpenThemeEditor.jpg]] #Recomendamos usar fruity, es nuestro mejor tema actualmente. #Luego extienda el tema y dele un nombre que recuerde luego. [[File:ExtendTheme.jpg]] #En la siguiente vista, puede cargar el logotipo que desea usar. [[File:UploadFileTheme.jpg]] #Seleccione la pantalla del editor `Lista de encuestas´ en el menú desplegable Pantalla en la esquina superior derecha. [[File:OpenScreenSurveyList.jpg]] #Luego seleccione `layout_survey_list.twig´ en el menú del lado izquierdo. [[File:EditLayoutSurveyListTwig.jpg]] #En el editor, desplácese a la línea 126 y cambie la parte marcada al nombre de archivo de la imagen que cargó antes en el tema. [[File:ChangeSurveyListHeaderImageEditor.jpg]] #Guarde su archivo. [[File:ThemeEditorSaveChanges.jpg]] #Cambie el tema predeterminado a su tema extendido. [[File: ChangeDefaultTheme.jpg]] === Alinear el logotipo con el centro de la página de la encuesta === Este ejemplo es para la plantilla "extends_fruity". Para otras plantillas, el CSS requerido puede ser diferente. # ¡Inicie sesión en el área de administración de LimeSurvey # Vaya al editor de temas: Configuración > Temas # Busque "LimeSurvey Fruity Theme" en la lista y haga clic en " ¡Botón Theme Editor" # Haga clic en "custom.css" en la lista de archivos a la izquierda, cerca de la parte inferior de la página.N!# Copie el siguiente CSS en ese archivo y presione "Guardar cambios". <syntaxhighlight lang="css"> .navbar-fixed-top > div.navbar-header { ancho: 100% !importante; } .navbar-fixed-top > div.navbar-header > div { ancho: 100% !importante; } .navbar-fixed-top > div.navbar-header > div > img { margen: 0 auto 0 auto !importante; } </syntaxhighlight> <span id="Custom_question_views_{{NewIn|3.0}}"></span> ==Vistas de preguntas personalizadas {{NewIn|3.0}}== <div class="simplebox">'''Nota:''' Esta es una característica temporal que será reemplazada en el futuro por un objeto de pregunta (será muy fácil mover vistas personalizadas al objeto de pregunta). Está deshabilitado por defecto.</div> A partir de la versión 2.5, puede crear vistas personalizadas específicas de plantilla para preguntas y algunos de sus elementos incorporados. Esto es útil si desea modificar el diseño HTML de un tipo de pregunta en particular para una o más encuestas. *En application/config/config.php, busque 'config'=>array y agregue esta línea a la matriz: 'allow_templates_to_overwrite_views'=>1 *En /{su_plantilla}/config.xml, establezca "overwrite_question_views" en true. *Copie application/views/survey/ * a template/{su_directorio de_vistas}/survey/ *Tenga en cuenta que sólo necesita copiar los archivos que desea modificar, la estructura de los archivos debe permanecer igual como en application/views/survey/ <span id="Insert_custom_CSS_or_JavaScript_files_for_template"></span> ==Insertar archivos CSS o JavaScript personalizados para la plantilla== A partir de la versión 2.50, puede utilizar el archivo config.xml para cargar archivos de complemento automáticamente. *¡Sube tus archivos a la carpeta de plantilla /css o /scripts *En /{your_template}/config.xml, agrega las rutas de los archivos al<css> o<js> bloques, algo como esto:<syntaxhighlight lang="xml"><css> <filename> css/jquery-ui-personalizado.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> ==Definiciones de clases (para desarrolladores)== ===lista-de-respuestas=== {|class=wikitable !'''Pregunta'''!!'''Tipo de pregunta'''!!'''elementos''' |- |arrays/5puntos || Un || tr |- |arrays/10puntos|| B|| tr |- |matrices/matriz || F || tr |- |matrices/columna || H || tr y col |- |arrays/dualscale || 1 || tr |- |arrays/increasesamedecrease || mi || tr |- |arrays/yesnouncertain || C || tr |- |género || GRAMO || div y ul |- |list_with_comment || Oh || div |- |clasificación || R || ul y div |- |síno || Y || ul y div |- |ranking_advanced || R || ul y div |- |listradio || L || div |- |5puntoselección || 5 || ul |- |opción múltiple || M || div |- |} ===lista-de radio=== {|class=wikitable !'''Pregunta''!!'''Tipo de pregunta'''!!'''elementos''' |- | si no || Y || ul |- |género || GRAMO || ul |- |arrays/yesnouncertain || C || tr |- |arrays/increasesamedecrease || mi || tr |- |arrays/escala dual || 1 || tr |- |arrays/5puntos || Un || tabla y tr |- |arrays/10point || B || tr |- |matrices/matriz || F || tr |- |matrices/columna || H || col |- |listradio || L || div |- |list_with_comment || Oh || div seguido de ul |- |} ===radio-item=== {|class=wikitable !'''Pregunta'''!!'''Tipo de pregunta'''!!'''elementos''' |- |arrays/yesnouncertain || C || td |- |5puntoelección || 5 || li |- |arrays/10puntos || B || td |- |arrays/5puntos || Un || td |- |arrays/matriz || F || td |- |matrices/columna || H || td |- |arrays/escala dual || 1 || td |- |arrays/increasesamedecrease || mi || td |- |género || GRAMO || li |- |listradio || L || li |- |síno || Y || li |- |listradio || L || li y div |- |image_select-listradio || L || li y div |- |list_with_comment || 0 || li |- |} ===list-group=== {|class=wikitable !'''Pregunta'''!!'''Tipo de pregunta'''!!'''elementos''' |- |síno || Y || ul |- |5pointchoice || 5 || ul |- |género || GRAMO || ul |- |clasificación || R || ul |- |ranking_advanced || R || ul y div |- |question_index_group_buttons || || div |- |question_index_questions_buttons || || div |- |} ===lista-grupo-horizontal=== {|class=wikitable !'''Pregunta'''!!'''Tipo de pregunta'''!!'''elementos''' ! N!|- |síno || Y || ul |- |5pointchoice || 5 || ul |- |género || GRAMO || ul |- |} ===list-unstyled=== {|class=wikitable !'''Pregunta'''!!'''Tipo de pregunta'''!!'''elementos''' |- |list_with_comment || 0 || ul |- |listradio|| L || ul |- |opción múltiple|| M || ul |- |multiplechoice_with_comments|| P || ul |- |multiplenumérico|| K || ul |- |multipleshorttext|| P || ul |- |clasificación|| R || ul |- |ranking_advanced|| R || ul |- |bootstrap_buttons_multi|| M || ul |- |image_select-multiplechoice|| M || ul |- |inputondemand/multipleshorttext || P || ul |- |register_error|| || ul |- |register_message|| || ul |- |layout_survey_list || || ul |- |cargar|| || ul |- |guardar|| || ul |- |captcha|| || ul |- |} ===select-list=== {|class=wikitable !'''Pregunta'''!!'''Tipo de pregunta'''!!'''elementos''' |- |clasificación|| R || ul |- |ranking_advanced|| R || ul |- |} ===checkbox-item=== {|class=wikitable !'''Pregunta'''!!'''Tipo de pregunta'''!!'''elementos''' |- |multiflexi (Números de matriz)|| : || td |- |opción múltiple|| M || li |- |multiplechoice_with_comments|| P || div |- |image_select-listradio|| L || li |- |image_select-multiplechoice|| M || li y div |- |navegador|| || lapso |- |} ===checkbox-text-item=== {|class=wikitable !'''Pregunta'''!!'''Tipo de pregunta'''!!'''elementos''' ! N!|- |multiplechoice_with_comments|| P || li |- |opción múltiple|| M || li |- |image_select-multiplechoice|| M || li |- |} [[Category:Theme]] [[Category:Twig]]