Actions

Translations

Theme editor/281/es: Difference between revisions

From LimeSurvey Manual

(Created page with "{| class="wikitable alternance" |+ Clases globales |- ! scope="col" | Nombre de la clase ! scope="col" | Parte ! scope="col" | Tipo de pregunta ! scope="col" | Ejemplo ! scope...")
 
No edit summary
 
Line 198: Line 198:
| Question with checkbox
| Question with checkbox
| <input type="checkbox" class="checkbox">
| <input type="checkbox" class="checkbox">
| With modern browser: not needed, but some old browser need this
| Con navegadores modernos no es necesario, pero algunos navegadores antiguos lo necesitan
|-
|-
! scope="row" | .radio {{ObsoleteIn|3.0}}
! scope="row" | .radio {{ObsoleteIn|3.0}}
| input[type=radio]
| entrada[tipo=selección]
| Question with radio
| Pregunta con selección
| <input type="radio" class="radio">
| <input type="radio" class="radio">
| With modern browser: not needed, but some old browser need this
| With modern browser: not needed, but some old browser need this
|-
|-
! scope="row" | .text
! scope="row" | .text
| input[type=text]
| entrada[tipo=texto]
| Question with input text, or textarea
| Pregunta con texto de entrada o área de texto
| <textarea class="text">
| <textarea class="text">
|
|
|-
|-
! scope="row" | .answertext
! scope="row" | .answertext
| Array question type
| Tipo de pregunta de matriz
| Answer part of array question type
| Parte de respuestas de las preguntas tipo matriz
| <th class="answertext">
| <th class="answertext">
|
|
|-
|-
! scope="row" | .col-answers
! scope="row" | .col-answers
| Array question type
| Tipo de pregunta de matriz
| Column of answers
| Columna de respuestas
| <col class="col-answers">
| <col class="col-answers">
|
|
|-
|-
! scope="row" | .odd .even {{ObsoleteIn|2.50}}
! scope="row" | .odd .even {{ObsoleteIn|2.50}}
| Array question type
| Tipo de pregunta de matriz
| Alternation for column
| Alternancia por columna
| <col class="odd">
| <col class="odd">
|
|
|-
|-
! scope="row" | .array1 .array2  {{ObsoleteIn|3.0}}
! scope="row" | .array1 .array2  {{ObsoleteIn|3.0}}
| Array question type
| Tipo de pregunta de matriz
| Alternation for line
| Alternancia por línea
| <tr class="array1">
| <tr class="array1">
|
|
|-
|-
! scope="row" | .ls-odd .ls-even  {{NewIn|3.0}}
! scope="row" | .ls-odd .ls-even  {{NewIn|3.0}}
| Array question type
| Tipo de pregunta de matriz
| Alternation for subquestion and Y axis
| Alternancia para sub-pregunta y eje Y
| <tr class="ls-odd">
| <tr class="ls-odd">
|
|
|}
|}

Latest revision as of 01:54, 5 December 2019

Message definition (Theme editor)
{| class="wikitable alternance"
|+ Global classes
|-
! scope="col" | Class name
! scope="col" | Part
! scope="col" | Question type
! scope="col" | Examples
! scope="col" | Note
|-
! scope="row" | .question {{ObsoleteIn|3.0}}
| All question block
| All question type
|<p class="question">, <ul class="question">, <table class="question">
| 
|-
! scope="row" | .ls-answers {{NewIn|3.0}}
| All question block
| All question type
|<div class="ls-answers ">, <ul class="ls-answers ">, <table class="ls-answers">
| 
|-
! scope="row" | .subquestions-list
| List of subquestion
| Multi choice question, array question type
| <ul class="subquestions-list">, <table class="subquestions-list">
| .questions-list is used too
|-
! scope="row" | .answers-list
| List of answers
| Single choice question, array question type, Multi input text question
| <ul class="answers-list">, <table class="answers-list">
| 
|-
! scope="row" | .answer-item
| The answer part: one answer
| Single choice question, array question type, Multi input text question
| <li class="answer-item">, <td class="answer-item">
|
|-
! scope="row" | .noanswer-item
| The answer part for no answer
| Single choice question, array question type
| <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
| &lt;li class="radio-item">, <td class="radio-item">
|
|-
! scope="row" | .text-list
| A list of text input
| Multi text question type, array of text
| &lt;ul class="text-list">, &lt;tr class="text-list">
|
|-
! scope="row" | .text-item
| The answer part of a text input
| Multi text question type, array of text
| &lt;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
| &lt;ul class="text-list numeric-list">, &lt;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
| &lt;ul class="text-list numeric-list">, &lt;tr class="text-list numeric-list">
|
|-
! scope="row" | .number-array  {{NewIn|3.0}}
| The answer part of a numeric input
| Array of number
| &lt;table class="number-array">
|
|-
! scope="row" | .select-list  {{ObsoleteIn|2.50}}
| A list of select
| Array numbers, Dual scale array (select)
| &lt;table class="select-list">
|
|-
! scope="row" | .dropdown-list  {{NewIn|2.50}}
| A list of select
| Array numbers, Dual scale array (select) (each row)
| &lt;table class="dropdown-list">
|
|-
! scope="row" | .dropdown-array  {{NewIn|3.0}}
| A array of dropdown
| Array numbers, Dual scale array (select)
| &lt;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
| &lt;p class="select-item">, &lt;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
| &lt;p class="dropdown-item">, &lt;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
| &lt;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
| &lt;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
| &lt;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
| &lt;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
| &lt;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
| &lt;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
| &lt;input type="checkbox" class="checkbox">
| With modern browser: not needed, but some old browser need this
|-
! scope="row" | .radio {{ObsoleteIn|3.0}}
| input[type=radio]
| Question with radio
| &lt;input type="radio" class="radio">
| With modern browser: not needed, but some old browser need this
|-
! scope="row" | .text
| input[type=text]
| Question with input text, or textarea
| &lt;textarea class="text">
|
|-
! scope="row" | .answertext
| Array question type
| Answer part of array question type
| &lt;th class="answertext">
|
|-
! scope="row" | .col-answers
| Array question type
| Column of answers
| &lt;col class="col-answers">
|
|-
! scope="row" | .odd .even {{ObsoleteIn|2.50}}
| Array question type
| Alternation for column
| &lt;col class="odd">
|
|-
! scope="row" | .array1 .array2  {{ObsoleteIn|3.0}}
| Array question type
| Alternation for line
| &lt;tr class="array1">
|
|-
! scope="row" | .ls-odd .ls-even  {{NewIn|3.0}}
| Array question type
| Alternation for subquestion and Y axis
| &lt;tr class="ls-odd">
|
|}
Clases globales
Nombre de la clase Parte Tipo de pregunta Ejemplo Nota
.question (Obsolete since 3.0) Todos los bloques de preguntas Todos los tipos de preguntas <p class="question">, <ul class="question">, <table class="question">
.ls-answers (New in 3.0 ) Todos los bloques de preguntas Todos los tipos de preguntas <div class="ls-answers ">, <ul class="ls-answers ">, <table class="ls-answers">
.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
.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">
.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">
.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
.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"
.button-list A list of button Yes no and Gender question <ul class="button-list">
.button-item The answer part with a button Yes no and Gender question <li class="button-item">
.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"
.checkbox-array (New in 3.0 ) A array of checkbox Array (numbers) with checkbox option <table class="checkbox-list">
.checkbox-item The answer part with a checkbox Multi choice question, array number (checkbox) question type <li class="checkbox-item">, <td class="checkbox-item">
.radio-list A list of radio item Single choice question, array question type (each row) <ul class="radio-list">, <tr class="radio-list">
.radio-array (New in 3.0 ) A array of radio item Array question type <table class="radio-array">
.radio-item The answer part with a radio Single choice question, array question type <li class="radio-item">,
.text-list A list of text input Multi text question type, array of text <ul class="text-list">, <tr class="text-list">
.text-item The answer part of a text input Multi text question type, array of text <li class="text-item">,
.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">
.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">
.number-array (New in 3.0 ) The answer part of a numeric input Array of number <table class="number-array">
.select-list (Obsolete since 2.50) A list of select Array numbers, Dual scale array (select) <table class="select-list">
.dropdown-list (New in 2.50 ) A list of select Array numbers, Dual scale array (select) (each row) <table class="dropdown-list">
.dropdown-array (New in 3.0 ) A array of dropdown Array numbers, Dual scale array (select) <table class="dropdown-array">
.select-item (Obsolete since 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">
.dropdown-item (New in 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">
.hide (Obsolete since 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
.ls-js-hidden (New in 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
.ls-js-hidden-sr (New in 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
.ls-no-js-hidden (New in 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
.ls-label-xs-visibility (New in 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
.ls-input-group-extra (New in 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)
.checkbox (Obsolete since 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
.radio (Obsolete since 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
.text entrada[tipo=texto] Pregunta con texto de entrada o área de texto <textarea class="text">
.answertext Tipo de pregunta de matriz Parte de respuestas de las preguntas tipo matriz <th class="answertext">
.col-answers Tipo de pregunta de matriz Columna de respuestas <col class="col-answers">
.odd .even (Obsolete since 2.50) Tipo de pregunta de matriz Alternancia por columna <col class="odd">
.array1 .array2 (Obsolete since 3.0) Tipo de pregunta de matriz Alternancia por línea <tr class="array1">
.ls-odd .ls-even (New in 3.0 ) Tipo de pregunta de matriz Alternancia para sub-pregunta y eje Y <tr class="ls-odd">
Retrieved from "http://manual.limesurvey.org/index.php?title=Translations:Theme_editor/281/es&oldid=145873"