Actions

Theme options/es: Difference between revisions

From LimeSurvey Manual

(Created page with "{{Box|Instale Limesurvey 3.0+ para obtener acceso a la función '''opciones de tema''' de la encuesta. ¡Esta opción '''no''' estará disponible en las versiones anteriores d...")
(Created page with "==Opciones avanzadas== {{QS:Editor de temas - opciones avanzadas}}")
 
(22 intermediate revisions by the same user not shown)
Line 9: Line 9:




=Introduction=
=Introducción=


'''Theme Options''' offers a set of tools that allow survey administrators to quickly and easily change the themes-related settings of their surveys..
'''Opciones de tema''' ofrece un conjunto de herramientas que permiten a los administradores de encuestas cambiar rápida y fácilmente la configuración relacionada con los temas de sus encuestas.


=Theme options panel=
=Panel de opciones del tema=


Access the '''theme options''' feature from [[Survey settings|survey settings]]:
Acceda a la función '''opciones de tema''' desde [[Configuración de encuesta|configuración de encuesta]]:




Line 21: Line 21:




The toolbar of the panel contains two tabs: the '''simple options''' tab  and '''advanced options''' tab.
La barra de herramientas del panel contiene dos pestañas: la pestaña '''opciones simples''' y la pestaña '''opciones avanzadas'''.




==Simple options==
==Opciones simples==


The following is displayed on the Themes options page:
Lo siguiente se muestra en la página de opciones de Temas:




Line 32: Line 32:




{{Alert|Title=Attention|text=Please note that each theme comes with certain options that can be changed from the '''survey theme''' options. In this wiki section, the default LimeSurvey theme '''fruity''' is used to show how quick and easy, yet powerful changes can be implemented to a theme by users without any prior knowledge in HTML, php, and/or CSS.}}
{{Alert|Title=Atención|text=Tenga en cuenta que cada tema viene con ciertas opciones que se pueden cambiar desde las opciones '''tema de encuesta'''. En esta sección wiki, el tema predeterminado de LimeSurvey '''fruity''' se utiliza para mostrar cómo los usuarios sin ningún conocimiento previo en HTML, PHP y/o CSS pueden implementar cambios rápidos y fáciles, pero poderosos, en un tema. }}


The '''simple options tab''' is preselected. The most important survey theme settings can be changed from here:
La '''pestaña de opciones simples''' está preseleccionada. La configuración del tema de encuesta más importante se puede cambiar desde aquí:


* '''Inherit everything:''' If the ''yes'' button is selected, all the theme configurations will be inherited from the global [[Themes|configuration level]]. If you click ''no'' and click the '''Save''' button located in the upper right part of the screen, more theme configuration options will be displayed. Each of these options can be set to:
* '''Heredar todo:''' Si se selecciona el botón '''', todas las configuraciones del tema se heredarán del [[Temas|nivel de configuración] global]. Si hace clic en ''no'' y hace clic en el botón '''Guardar''' ubicado en la parte superior derecha de la pantalla, se mostrarán más opciones de configuración del tema. Cada una de estas opciones se puede configurar para:
** inherit the survey group theme configurations - ''inherit'' (unless unchanged, your survey theme will inherit the global theme configuration);
** heredar las configuraciones del tema del grupo de encuestas - ''heredar'' (a menos que no se modifique, su tema de encuesta heredará la configuración del tema global);
** not inherit any global theme configuration - ''no'';  
** no heredar ninguna configuración global configuración del tema - ''no'';  
** or enable another configuration - ''yes''. The theme settings can be configured as you wish if this option is chosen. You can observe that each theme setting allows you to select the ''inherit'' value.
** o habilitar otra configuración - ''''. La configuración del tema se puede configurar como desee si se elige esta opción. Puede observar que cada configuración de tema le permite seleccionar el valor ''heredar''.


{{Box|The inheritance system is applied on three levels:
{{Box|El sistema de herencia se aplica en tres niveles:
* '''at the global level''' (accessible from the template list). The other two levels inherit the global theme settings;
* '''a nivel global''' (accesible desde la lista de plantillas). Los otros dos niveles heredan la configuración global del tema;
* '''at the survey group level''' (accessible from the survey setting panel). The theme settings at the survey group level inherit the global theme settings;  
* '''en el nivel del grupo de encuesta''' (accesible desde el panel de configuración de la encuesta). La configuración del tema a nivel de grupo de encuesta hereda la configuración del tema global;  
* '''at the survey level'''. The survey theme settings inherit the survey group theme settings.}}
* '''a nivel de encuesta'''. La configuración del tema de la encuesta hereda la configuración del tema del grupo de encuestas.}}


* '''Theme fonts:''' Select the font you wish to use for your theme;
* '''Fuentes del tema:''' Seleccione la fuente que desea utilizar para su tema;
* '''Theme variations:''' Select one of the available theme variations from the dropdown list. It changes the font and the icons colour.
* '''Variaciones del tema:''' Seleccione una de las variaciones del tema disponibles en la lista desplegable. Cambia la fuente y el color de los iconos.




===No inheritance===
===Sin herencia===


As mentioned above, you can choose from the survey settings menu '''not to inherit''' the [[Themes|global theme configuration]]. Once you click the '''Save''' button, more options will be displayed:
Como se mencionó anteriormente, puede elegir en el menú de configuración de la encuesta '''no heredar''' la [[Temas|configuración global del tema]]. Una vez que haga clic en el botón '''Guardar''', se mostrarán más opciones:




Line 58: Line 58:




{{Box|To show the power of this feature, the following explanations will be based on the '''fruity''' theme. Please note that each theme comes with its own customizable options.}}
{{Cuadro|Para mostrar el poder de esta característica, las siguientes explicaciones se basarán en el tema '''afrutado'''. Tenga en cuenta que cada tema viene con sus propias opciones personalizables.}}


*'''Ajax mode:''' If enabled, the survey page will be loaded faster via ajax (''recommended for the average LimeSurvey user''). If disabled, the page will be loaded via page reload, which is better for debugging purposes;
*'''Modo Ajax:''' Si está habilitado, la página de la encuesta se cargará más rápido a través de ajax (''recomendado para el usuario promedio de LimeSurvey''). Si está deshabilitada, la página se cargará mediante la recarga de la página, lo cual es mejor para fines de depuración;
*'''Survey container:''' If ''yes'' is selected, the survey will be displayed in a container - its width is limited. This option is useful if your survey participants complete your survey from their mobile phones or tablets because the survey width is controlled. Therefore, it is more comfortable for your respondents because they will not have to scroll right anymore to read the whole question or to see all the answer options. If the survey is embedded in a blog and/or forum, you can also deactivate this option since they already use a certain width.  
*'''Contenedor de encuestas:''' Si se selecciona '''', la encuesta se mostrará en un contenedor. su ancho es limitado. Esta opción es útil si los participantes de la encuesta la completan desde sus teléfonos móviles o tabletas porque el ancho de la encuesta está controlado. Por lo tanto, será más cómodo para tus encuestados porque ya no tendrán que desplazarse hacia la derecha para leer la pregunta completa o para ver todas las opciones de respuesta. Si la encuesta está incrustada en un blog y/o foro, también puedes desactivar esta opción ya que ya utilizan un ancho determinado.  
*'''Question borders:''' If enabled, each question will be shown within a border. If set to ''no'', the questions will not be contained in a box (so you can use large array question types that are bigger than the screen width);
*'''Bordes de preguntas:''' Si está habilitado, cada pregunta se mostrará dentro de un borde. Si se establece en ''no'', las preguntas no estarán contenidas en un cuadro (por lo que puede usar tipos de preguntas de matriz grande que sean más grandes que el ancho de la pantalla);
*'''Question shadow:''' If enabled, a shadow will be displayed around the in(visible) question borders.
*'''Sombra de pregunta:''' Si habilitado, se mostrará una sombra alrededor de los bordes de las preguntas visibles.


<hr width="50%" style="margin:auto">  
<hr width="50%" style="margin:auto">  


*'''Background color:''' Select the background colour of the whole question, including the answers;
*'''Color de fondo:''' Seleccione el color de fondo de toda la pregunta, incluidas las respuestas;
*'''Font color:''' Change the font color by selecting from the popup menu the desired color.
*'''Color de fuente:''' Cambie el color de fuente seleccionando en el menú emergente el color deseado.  
*'''Question background color:''' Change the question background color by selecting from the popup menu the desired color.
*'''Color de fondo de la pregunta:''' Cambie el color de fondo de la pregunta seleccionando en el menú emergente el color deseado.
*'''Check icon:''' This setting allows you to select the desired check icon when multiple choice question types are employed.
*'''Icono de verificación:''' Esta configuración le permite seleccionar el color deseado. marque el ícono cuando se emplean tipos de preguntas de opción múltiple.


<hr width="50%" style="margin:auto">  
<hr width="50%" style="margin:auto">  


*'''Background image:''' If set to ''no'', you may select a different background image from the one used within your survey group and/or global theme settings. You may also '''upload''' a personalised survey background image by clicking on the '''upload''' button located in the bottom of the theme settings panel and selecting the desired image from your computer;
*'''Imagen de fondo:''' Si se establece en ''no'', puede seleccionar una imagen de fondo diferente de la utilizada dentro de su grupo de encuesta y/o configuración de tema global. También puede '''cargar''' una imagen de fondo de encuesta personalizada haciendo clic en el botón '''cargar''' ubicado en la parte inferior del panel de configuración del tema y seleccionando la imagen deseada desde su computadora;
*'''Brand logo:''' If set to ''no'', the name of the survey will be shown in the top bar, or, you can select one of the pictures inside the file directory to be used as logo picture.
*' ''Logotipo de la marca:''' Si se establece en ''no'', el nombre de la encuesta se mostrará en la barra superior o puede seleccionar una de las imágenes dentro del directorio de archivos para usarla como imagen del logotipo.


<hr width="50%" style="margin:auto">  
<hr width="50%" style="margin:auto">  


*'''Animate body:''' If set to ''yes'', you can choose one of the animations to apply when the "body" of the survey is loaded;
*'''Animar cuerpo:''' Si se establece en '''', puede elegir una de las animaciones para aplicar cuando se carga el "cuerpo" de la encuesta;
*'''Animate question:''' If set to ''yes'', you choose one of the animations to apply to your survey questions when they are loaded.
*'''Animar pregunta:' '' Si está configurado en '''', elige una de las animaciones para aplicar a las preguntas de su encuesta cuando se cargan.
*'''Animate alert:''' If set to ''yes'', your survey alerts (when the survey data is not recorded or the wrong token is typed in) will be animated according to the selected animation option.
*'''Alerta animada:''' Si está configurado en '''', sus alertas de encuesta (cuando los datos de la encuesta no se registran o se ingresa el token incorrecto) se animarán de acuerdo con la opción de animación seleccionada.
*'''Animate checkbox:''' If set to ''yes'', anytime you check an answer option, the animation is triggered.  
*'''Casilla de verificación Animar:''' Si está configurada en '''' , cada vez que marcas una opción de respuesta, se activa la animación.  
*'''Animate radio buttons:''' If set to ''yes'', anytime you select an option from a radio-type question, the animation is triggered.
*'''Animar botones de opción:''' Si se establece en '''', cada vez que seleccione una opción de una pregunta de tipo radio, se activa la animación.


{{Box|The library used for animations is [https://daneden.github.io/animate.css/ animate.css]. You can either use the default or add your own animation library.}}
{{Box|La biblioteca utilizada para las animaciones es [https://daneden.github.io/animate.css/animate.css]. Puedes usar el valor predeterminado o agregar tu propia biblioteca de animaciones.}}


{{Note|Type a number in the duration field. If you type ten (10), the animation will last for 10 seconds.}}
{{Nota|Escriba un número en el campo de duración. Si escribe diez (10), la animación durará 10 segundos.}}


<hr width="50%" style="margin:auto">  
<hr width="50%" style="margin:auto">  


*'''Fruity fonts:''' Select the font you wish to use for your theme;
*'''Fuentes frutales:''' Seleccione la fuente que desea utilizar para su tema;
*'''Fruity variations:'''Select one of the available theme variations from the dropdown list. It changes the font and the icons colour.
*'''Variaciones frutales:'''Seleccione una de las variaciones de tema disponibles de la lista desplegable. Cambia la fuente y el color de los iconos.


<hr width="50%" style="margin:auto">  
<hr width="50%" style="margin:auto">  


*'''Upload:''' Browse your computer to upload an image to be used as logo or background image for your theme. Writing permissions might be requested on the "/themes/survey/fruity/files" folder - the location where the uploaded images will be stored in your LimeSurvey installation.
*'''Cargar:''' Explore su computadora para cargar una imagen que utilizará como logotipo o imagen de fondo para su tema. Es posible que se soliciten permisos de escritura en la carpeta "/themes/survey/fruity/files", la ubicación donde se almacenarán las imágenes cargadas en su instalación de LimeSurvey.


==Advanced options==
==Opciones avanzadas==
{{QS:Theme editor - advanced options}}
{{QS:Editor de temas - opciones avanzadas}}

Latest revision as of 07:44, 5 September 2023

LimeSurvey 3 introduce un nuevo sistema de motor de plantillas, basado en Twig 1.29 y Bootstrap que permite la herencia de plantillas y diferentes opciones de plantillas.


Instale Limesurvey 3.0+ para obtener acceso a la función opciones de tema de la encuesta. ¡Esta opción no estará disponible en las versiones anteriores de LimeSurvey!


Introducción

Opciones de tema ofrece un conjunto de herramientas que permiten a los administradores de encuestas cambiar rápida y fácilmente la configuración relacionada con los temas de sus encuestas.

Panel de opciones del tema

Acceda a la función opciones de tema desde configuración de encuesta:



La barra de herramientas del panel contiene dos pestañas: la pestaña opciones simples y la pestaña opciones avanzadas.


Opciones simples

Lo siguiente se muestra en la página de opciones de Temas:



  Tenga en cuenta que cada tema viene con ciertas opciones que se pueden cambiar desde las opciones tema de encuesta. En esta sección wiki, el tema predeterminado de LimeSurvey fruity se utiliza para mostrar cómo los usuarios sin ningún conocimiento previo en HTML, PHP y/o CSS pueden implementar cambios rápidos y fáciles, pero poderosos, en un tema.


La pestaña de opciones simples está preseleccionada. La configuración del tema de encuesta más importante se puede cambiar desde aquí:

  • Heredar todo: Si se selecciona el botón , todas las configuraciones del tema se heredarán del [[Temas|nivel de configuración] global]. Si hace clic en no y hace clic en el botón Guardar ubicado en la parte superior derecha de la pantalla, se mostrarán más opciones de configuración del tema. Cada una de estas opciones se puede configurar para:
    • heredar las configuraciones del tema del grupo de encuestas - heredar (a menos que no se modifique, su tema de encuesta heredará la configuración del tema global);
    • no heredar ninguna configuración global configuración del tema - no;
    • o habilitar otra configuración - . La configuración del tema se puede configurar como desee si se elige esta opción. Puede observar que cada configuración de tema le permite seleccionar el valor heredar.
El sistema de herencia se aplica en tres niveles:
  • a nivel global (accesible desde la lista de plantillas). Los otros dos niveles heredan la configuración global del tema;
  • en el nivel del grupo de encuesta (accesible desde el panel de configuración de la encuesta). La configuración del tema a nivel de grupo de encuesta hereda la configuración del tema global;
  • a nivel de encuesta. La configuración del tema de la encuesta hereda la configuración del tema del grupo de encuestas.


  • Fuentes del tema: Seleccione la fuente que desea utilizar para su tema;
  • Variaciones del tema: Seleccione una de las variaciones del tema disponibles en la lista desplegable. Cambia la fuente y el color de los iconos.


Sin herencia

Como se mencionó anteriormente, puede elegir en el menú de configuración de la encuesta no heredar la configuración global del tema. Una vez que haga clic en el botón Guardar, se mostrarán más opciones:



Template:Cuadro

  • Modo Ajax: Si está habilitado, la página de la encuesta se cargará más rápido a través de ajax (recomendado para el usuario promedio de LimeSurvey). Si está deshabilitada, la página se cargará mediante la recarga de la página, lo cual es mejor para fines de depuración;
  • Contenedor de encuestas: Si se selecciona , la encuesta se mostrará en un contenedor. su ancho es limitado. Esta opción es útil si los participantes de la encuesta la completan desde sus teléfonos móviles o tabletas porque el ancho de la encuesta está controlado. Por lo tanto, será más cómodo para tus encuestados porque ya no tendrán que desplazarse hacia la derecha para leer la pregunta completa o para ver todas las opciones de respuesta. Si la encuesta está incrustada en un blog y/o foro, también puedes desactivar esta opción ya que ya utilizan un ancho determinado.
  • Bordes de preguntas: Si está habilitado, cada pregunta se mostrará dentro de un borde. Si se establece en no, las preguntas no estarán contenidas en un cuadro (por lo que puede usar tipos de preguntas de matriz grande que sean más grandes que el ancho de la pantalla);
  • Sombra de pregunta: Si habilitado, se mostrará una sombra alrededor de los bordes de las preguntas visibles.

  • Color de fondo: Seleccione el color de fondo de toda la pregunta, incluidas las respuestas;
  • Color de fuente: Cambie el color de fuente seleccionando en el menú emergente el color deseado.
  • Color de fondo de la pregunta: Cambie el color de fondo de la pregunta seleccionando en el menú emergente el color deseado.
  • Icono de verificación: Esta configuración le permite seleccionar el color deseado. marque el ícono cuando se emplean tipos de preguntas de opción múltiple.

  • Imagen de fondo: Si se establece en no, puede seleccionar una imagen de fondo diferente de la utilizada dentro de su grupo de encuesta y/o configuración de tema global. También puede cargar una imagen de fondo de encuesta personalizada haciendo clic en el botón cargar ubicado en la parte inferior del panel de configuración del tema y seleccionando la imagen deseada desde su computadora;
  • ' Logotipo de la marca:' Si se establece en no, el nombre de la encuesta se mostrará en la barra superior o puede seleccionar una de las imágenes dentro del directorio de archivos para usarla como imagen del logotipo.

  • Animar cuerpo: Si se establece en , puede elegir una de las animaciones para aplicar cuando se carga el "cuerpo" de la encuesta;
  • 'Animar pregunta:' Si está configurado en , elige una de las animaciones para aplicar a las preguntas de su encuesta cuando se cargan.
  • Alerta animada: Si está configurado en , sus alertas de encuesta (cuando los datos de la encuesta no se registran o se ingresa el token incorrecto) se animarán de acuerdo con la opción de animación seleccionada.
  • Casilla de verificación Animar: Si está configurada en , cada vez que marcas una opción de respuesta, se activa la animación.
  • Animar botones de opción: Si se establece en , cada vez que seleccione una opción de una pregunta de tipo radio, se activa la animación.
La biblioteca utilizada para las animaciones es [1]. Puedes usar el valor predeterminado o agregar tu propia biblioteca de animaciones.


Template:Nota


  • Fuentes frutales: Seleccione la fuente que desea utilizar para su tema;
  • Variaciones frutales:Seleccione una de las variaciones de tema disponibles de la lista desplegable. Cambia la fuente y el color de los iconos.

  • Cargar: Explore su computadora para cargar una imagen que utilizará como logotipo o imagen de fondo para su tema. Es posible que se soliciten permisos de escritura en la carpeta "/themes/survey/fruity/files", la ubicación donde se almacenarán las imágenes cargadas en su instalación de LimeSurvey.

Opciones avanzadas

QS:Editor de temas - opciones avanzadas