Theme options/es: Difference between revisions
From LimeSurvey Manual
Maren.fritz (talk | contribs) (Created page with "*'''Animar cuerpo:''' Si se establece en ''sí'', puede elegir una de las animaciones para aplicar cuando se carga el "cuerpo" de la encuesta; *'''Animar pregunta:' '' Si est...") |
Maren.fritz (talk | contribs) (Created page with "{{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 d...") |
||
Line 85: | Line 85: | ||
*'''Animar botones de opción:''' Si se establece en ''sí'', cada vez que seleccione una opción de una pregunta de tipo radio, se activa la animación. | *'''Animar botones de opción:''' Si se establece en ''sí'', cada vez que seleccione una opción de una pregunta de tipo radio, se activa la animación. | ||
{{Box| | {{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.}} | {{Note|Type a number in the duration field. If you type ten (10), the animation will last for 10 seconds.}} |
Revision as of 07:44, 5 September 2023
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:
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 sí, 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 - sí. 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.
- 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:
- 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 sí, 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 sí, puede elegir una de las animaciones para aplicar cuando se carga el "cuerpo" de la encuesta;
- 'Animar pregunta:' Si está configurado en sí, elige una de las animaciones para aplicar a las preguntas de su encuesta cuando se cargan.
- Alerta animada: Si está configurado en sí, 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 sí , cada vez que marcas una opción de respuesta, se activa la animación.
- Animar botones de opción: Si se establece en sí, cada vez que seleccione una opción de una pregunta de tipo radio, se activa la animación.
- Fruity fonts: Select the font you wish to use for your theme;
- Fruity variations:Select one of the available theme variations from the dropdown list. It changes the font and the icons colour.
- 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.
Advanced options
When you open the theme options tab, you can choose to edit either its simple options or its advanced options. “Advanced options” is just a naked form that gives you access to the main theme configuration fields from the database. To understand how it works, you should also read about the XML file and the creation of a theme from scratch. So, it’s rather complex and made for advanced users.
However, if you do wish to perform advanced settings editing, click on the advanced options tab
- Files css: The CSS files that should be added to the template;
- Files js: The JS files that should be added to the template;
- Files Print Css: The CSS files to load when printing a template;
- Options: This field includes the options (and their value) that should be parsed to the template view;
- CssFramework Name: The name of the CSS framework to load. For now, only Bootstrap or nothing;
- Cssframework Css: You can replace the core bootstrap.css in this field by a different custom version of it;
- Cssframework Js: The field core boostrap.js can be replaced from here by a different custom version of it;
- Packages To Load: You can load from this setting some core asset packages from LimeSurvey.
You’ll notice an upload input at the top, which gives you the possibility to upload a file into the file directory of the theme. These parameters can be used to change the entire appearance of the theme.