Puede aplicar estilo para personalizar la aplicación según los estándares de su empresa. El estilo seleccionado se aplicará a todas las hojas de la aplicación.
Aplicar estilo a una aplicaciónEstán disponibles las siguientes opciones para aplicar estilos:
- Cambiar la dirección de los caracteres en cadenas de texto o números.
- Cambiar la plantilla de estilo predeterminada de la aplicación.
- Habilitar o deshabilitar el menú contextual para todas las visualizaciones.
- Habilitar o deshabilitar el menú de desplazamiento en todas las visualizaciones.
- Ocultar elementos en los menús de visualización.
- Cambiar el estilo de la cabecera de la hoja.
- Añadir y alinear una imagen, por ej. un logotipo.
- Activar o desactivar la barra de herramientas y el encabezado para todas las hojas.
- Personalizar la barra de navegación añadiendo un logotipo personalizado, eliminando elementos de la interfaz y cambiando el estilo.
Se pueden aplicar más estilos a una aplicación por un desarrollador mediante extensiones de plantilla de estilo personalizadas.
El estilo personalizado en objetos individuales anula el estilo de la aplicación.
Abrir las opciones de configuración de la aplicación
Puede abrir la configuración de la aplicación desde cualquier lugar de una aplicación.
Haga lo siguiente:
-
En la barra de navegación de la aplicación, haga clic en
y, a continuación, haga clic en 
Configuración. -
Haga clic en
para cerrar la configuración de la aplicación.
Cambiar el orden de lectura
Haga lo siguiente:
-
En la barra de navegación de la aplicación, haga clic en
y después haga clic en Configuración. - En el menú, cambie a la pestaña Aspecto.
-
Active o desactive De derecha a izquierda.
Cambiar la plantilla de estilo predeterminada de la aplicación
Puede aplicar una de las plantillas personalizadas predeterminadas de Qlik que haya creado e instalado.
Las plantillas predeterminadas en Qlik son:
-
Sense Horizon: esta es la plantilla de estilo predeterminada cuando crea una nueva aplicación.
- Sense Clásico: ofrece una vista más compacta de los objetos y limita el espacio entre los mismos.
- Sense Focus: ajusta el relleno y el espaciado entre objetos y también asigna los espacios designados para los títulos.
- Sense Brisa: basada en Sense Focus pero con distintas configuraciones de color.
Haga lo siguiente:
-
En la barra de navegación de la aplicación, haga clic en
y, a continuación, haga clic en Configuración. -
En el menú, cambie a la pestaña Aspecto.
-
Seleccione la plantilla que desee aplicar en el menú desplegable Plantilla de la aplicación.
Plantillas personalizadas
También puede crear plantillas personalizadas basadas en los estándares corporativos de su empresa. Gracias a las plantillas de estilo puede diseñar con precisión una aplicación cambiando los colores, agregando imágenes y fondos, así como especificando las fuentes, los tamaños de fuente, el grosor de fuente y los estilos de fuente de forma global o granular en toda su aplicación. También puede definir paletas de colores y personalizar las especificaciones de márgenes, relleno y espaciado.
Para más información, vea:
Se admiten plantillas personalizadas al exportar hojas y gráficos en formato PDF. Esto se aplica a los PDF exportados manualmente, así como a los PDF exportados automáticamente mediante suscripciones o mediante Servicio de informes de Qlik. Sin embargo, un PDF generado desde una aplicación que utilice una plantilla de estilo personalizada puede presentar un aspecto diferente a lo visualizado en la aplicación. Para más información, vea Propiedades JSON de plantillas personalizadas.
Cuando cree una plantilla personalizada, cárguela en el centro de actividades Administración como un paquete comprimido. Este paquete contiene el archivo JSON y cualquier recurso adicional, como archivos CSS.
Puede ver las plantillas de estilo personalizadas disponibles en la sección Aspecto de la configuración de la aplicación. Las plantillas personalizadas aparecen en Personalizado en el menú desplegable Plantilla de la aplicación.
Menú desplegable de la plantilla de estilo de la aplicación en la configuración de la aplicación
Desactivar el menú flotante y el menú contextual
Los menús flotante y contextual son elementos interactivos que se muestran cuando los usuarios interactúan con los gráficos. Ambos menús brindan acceso al menú de opciones, donde el usuario puede realizar varias acciones relacionadas con un gráfico. Vea: Menú Opciones
Puede desactivar uno o ambos menús para personalizar la experiencia interactiva para los usuarios de la aplicación.
Desactivar el menú flotante
Puede optar por desactivar el menú flotante que aparece en las visualizaciones cuando los usuarios colocan el cursor sobre ellas. Esto afectará a todas las visualizaciones de la aplicación.
Haga lo siguiente:
-
En la barra de navegación de la aplicación, pulse
y, a continuación, pulse Configuración. - En el menú, cambie a la pestaña Aspecto.
- Desactive la configuración Menú flotante para visualizaciones.
Puede desactivar el menú flotante para una sola visualización en el modo de edición.
Haga lo siguiente:
- En el modo de edición, seleccione la visualización.
- En el panel de propiedades, vaya a Aspecto > General.
- Desactive la opción Mostrar menú flotante.
Desactivar el menú contextual
El menú contextual se muestra cuando un usuario hace clic con el botón derecho en un gráfico, o cuando un usuario ha activado el modo de Pantalla táctil y toca de forma prolongada un gráfico. Puede desactivar el menú contextual para todas las visualizaciones.
Haga lo siguiente:
-
En la barra de navegación de la aplicación, pulse
y, a continuación, pulse Configuración. - En el menú, cambie a la pestaña Aspecto.
- Desactive la opción Menú contextual para visualizaciones.
Ocultar elementos en los menús de visualización
En el modo de análisis, los usuarios interactúan con las visualizaciones haciendo clic sobre ellas con el botón derecho del ratón, pasando el cursor por encima o tocándolas prolongadamente, y accediendo después a un menú de opciones (). Las opciones proporcionadas son útiles para el consumo del contenido de la hoja.
De manera predeterminada, se muestran al usuario todas las opciones disponibles. Puede anular esta funcionalidad y, en su lugar, definir los elementos específicos que desee incluir. Otros elementos fuera del menú contextual, por ejemplo, las opciones de edición de hoja y las opciones específicas del gráfico, seguirán estando disponibles.
Haga lo siguiente:
-
En la barra de navegación de la aplicación, pulse
y, a continuación, pulse Configuración. - En el menú, cambie a la pestaña Configuración de la interfaz de usuario.
- Active Anular elementos predeterminados en los menús de visualización.
- Active y desactive las opciones según lo desee. Puede configurar las siguientes opciones:
Descargar
Ver datos
Menú de exploración
Pantalla completa
Factores clave
Supervisar en los centros de actividades
Mostrar detalles
Suscribirse
Alertas
Limitaciones:
-
Los menús de visualización solo pueden personalizarse para la experiencia de ver una hoja en modo de análisis. Otras experiencias, como Insight Advisor, no admiten la personalización.
Cambiar las animaciones de gráfico
Las animaciones de gráfico son transiciones graduales que se producen en una visualización, pasando de una vista previa a otra nueva cuando cambian los datos, por ejemplo, tras realizar una selección.
Las animaciones de gráfico se pueden desactivar en la configuración de la aplicación. Están disponibles para los siguientes tipos de gráficos:
-
Gráficos de barras
-
Gráficos de viñetas
-
Gráficos combinados
-
Gráficos de líneas
-
Gráficos de tarta
-
Gráficos de dispersión
-
Gráficos de embudo (paquete Visualization bundle)
-
Gráficos de rejilla (paquete Visualization bundle)
-
Diagramas Sankey (paquete Visualization bundle)
Haga lo siguiente:
-
En la barra de navegación de la aplicación, pulse
y, a continuación, pulse Configuración. -
En el menú, cambie a la pestaña Aspecto.
-
Activar o desactivar las Animaciones de gráfico.
Ocultar las opciones de la barra de herramientas, el encabezado de la hoja y la barra de navegación de la aplicación
Puede ocultar la barra de herramientas y el encabezado de la hoja en su aplicación. Esto significa que estas áreas no se mostrarán en ninguna hoja, para ningún usuario, independientemente de los permisos. Cualquier usuario con derechos Puede editar en la aplicación puede activar o desactivar estos elementos. También puede ocultar elementos individuales en la barra de navegación de su aplicación, la barra de herramientas y el encabezado de la hoja.
Barra de herramientas
La barra de herramientas es el área encima de la hoja que contiene los siguientes botones:
-
Activos
-
Hojas
-
Marcadores
-
Insight Advisor
-
Búsqueda inteligente (
) -
Botones de selección:
-
Selección Atrás (
) -
Selección Avanzar (
) -
Borrar todas las selecciones (
)
-
-
Herramienta de selecciones (
) -
Editar hoja
Si lo desea, puede ocultar los botones Activos, Hojas y Marcadores de la barra de herramientas. Si elimina Activos, Hojas y Marcadores, estos se mostrarán sin el panel de activos.
Haga lo siguiente:
-
En la barra de navegación de la aplicación, haga clic en
y después haga clic en Configuración. -
En el menú, cambie a la pestaña Configuración de la interfaz de usuario.
-
Tome una de las opciones siguientes:
- Para ocultarla, desactive la Barra de herramientas.
- Para ocultar los Activos, en Barra de herramientas, seleccione Activos.
- Para ocultar Hojas, en la Barra de herramientas, seleccione Hojas.
- Para ocultar Marcadores, en la Barra de herramientas, seleccione Marcadores.
- Haga clic en Hecho.
Encabezado de hoja
El encabezado de la hoja es el área de la hoja que contiene el título de la hoja, la imagen del título y las flechas de navegación de la hoja.
Si oculta la cabecera de la hoja, las flechas de navegación se desplazan a la barra de herramientas.
Opcionalmente, puede ocultar el título de la hoja.
Haga lo siguiente:
-
En la barra de navegación de la aplicación, haga clic en
y después haga clic en Configuración. -
En el menú, cambie a la pestaña Configuración de la interfaz de usuario.
-
Tome una de las opciones siguientes:
- Para ocultar la cabecera de la hoja, desactive Encabezado de hoja.
- Para ocultar el título de la hoja, en Encabezado de hoja, seleccione Título de hoja.
- Haga clic en Hecho.
Barra de navegación de la aplicación
Si lo desea, puede ocultar las opciones siguientes en la barra de navegación de la aplicación para su aplicación:
-
Logotipo
-
Navegación
-
Preguntar a Insight Advisor
-
Centro de recursos
-
Notificaciones
-
Perfil
Haga lo siguiente:
-
En la barra de navegación de la aplicación, haga clic en
y después haga clic en Configuración. -
En el menú, cambie a la pestaña Configuración de la interfaz de usuario.
- En la Barra de navegación de la aplicación, seleccione las opciones que desee ocultar en la barra de navegación de la aplicación.
- Haga clic en Hecho.
Cuándo ocultar elementos de la interfaz de la aplicación
Ventajas
Ocultar la barra de herramientas y los encabezados de las hojas crea más espacio para gráficos, paneles de filtro y otros objetos.
Desactivar los encabezados de las hojas significa que esta área no aparecerá cuando descargue o comparta hojas, envíe suscripciones o genere informes de Qlik Automate. Esto es útil si está utilizando sus hojas para crear presentaciones o cuadros de mando en PowerPoint.
Eliminar la barra de herramientas significa que los desarrolladores de aplicaciones tienen más control sobre las funciones a las que otros usuarios pueden acceder fácilmente. Por ejemplo, ocultar el botón Editar hoja puede desanimar a otros desarrolladores de aplicaciones a editar la aplicación.
Desventajas
Ocultar la barra de herramientas no elimina por completo capacidades como marcadores, notas, Insight Advisor o edición de hojas. Por ejemplo, los marcadores todavía se pueden encontrar en la vista general de la aplicación. Sin embargo, los consumidores de aplicaciones pueden pensar que estas funciones ya no están disponibles.
Si oculta la barra de herramientas y el encabezado de la hoja, la única forma de navegar entre las hojas es usando métodos abreviados de teclado u objetos de botón.Para más información, vea Navegación con el teclado y accesos directos y Crear botones.
Si el área de selecciones está oculta, es posible que los usuarios no se den cuenta de que se han aplicado selecciones a la aplicación. Es posible que deba añadir paneles de filtrado a sus hojas o filtros a gráficos individuales. Para obtener más información, vea Crear paneles de filtrado y Aplicar filtros a las visualizaciones.
Ejemplos
Una hoja que muestra la barra de herramientas y el encabezado de la hoja. La barra de herramientas muestra Notas, Insight Advisor, selecciones actuales y más. El encabezado de la hoja contiene la imagen del título, el título de la hoja y las flechas de navegación.
La misma hoja que la anterior, pero la barra de herramientas está visible y el encabezado de la hoja está oculto. Los usuarios ya no pueden ver la imagen del título, el título de la hoja ni las flechas de navegación.
La misma hoja que la anterior, pero el encabezado de la hoja está visible y la barra de herramientas está oculta. Los usuarios no pueden ver qué selecciones se han aplicado.
La misma hoja que la anterior, pero el encabezado y la barra de herramientas se han ocultado.
Añadir logotipos personalizados
Puede añadir logotipos personalizados a las barras de navegación de la aplicación. Sustituyen a los logotipos colocados en la barra de navegación de los espacios empresariales inquilinos.
Haga lo siguiente:
-
En la barra de navegación de la aplicación, haga clic en
y después haga clic en Configuración. -
En el menú, cambie a la pestaña Configuración de la interfaz de usuario.
-
En la barra de navegación de la app, pulse
. -
En Logotipo, haga clic en
. -
Seleccione una imagen o cargue una nueva.
-
Haga clic en Insertar.
Opciones de estilo para la barra de navegación de la aplicación
Puede dar diversas opciones de estilo a la barra de navegación de la aplicación con colores personalizados.
Haga lo siguiente:
-
En la barra de navegación de la aplicación, haga clic en
y después haga clic en Configuración. -
En el menú, cambie a la pestaña Configuración de la interfaz de usuario.
-
En la barra de navegación de la app, pulse
. -
En Opciones, defina el Color de fondo y el Color de primer plano.
-
Haga clic en Hecho.
Añadir campos a la barra de selecciones
Se añaden campos y dimensiones maestras a las barras de selección de las aplicaciones para que estén fácilmente disponibles para los usuarios de su aplicación. Esto es útil cuando tiene campos a los que desea que los usuarios de su aplicación tengan siempre acceso rápido para las selecciones. Añadir campos también es útil si desea evitar tener paneles de filtro con los mismos campos repetidos en cada hoja.
Una barra de selecciones con un campo añadido.
Agregar campos a la barra de selecciones
Haga lo siguiente:
-
En el modo de edición, abra el panel de activos y haga clic en Campos.
-
Haga clic con el botón derecho en un campo y seleccione Agregar a la barra de selección.
Agregar dimensiones maestras a la barra de selecciones
Haga lo siguiente:
-
En el modo de edición, abra el panel de activos y haga clic en Elementos maestros.
-
Haga clic con el botón derecho en un elemento maestro y seleccione Añadir a la barra de selección.
Eliminar campos de la barra de selección
Haga lo siguiente:
-
En modo de edición, abra el panel de activos y haga clic en Campos.
-
Haga clic con el botón derecho en un campo de la barra de selección y seleccione Eliminar de la barra de selección.
Limitaciones
Añadir campos a la barra de selección tiene las siguientes limitaciones:
-
No puede añadir ni eliminar campos en la barra de selección en hojas o mashups incrustadas.
-
No puede añadir medidas maestras a la barra de selección.
-
Se recomienda añadir solo una única instancia de un campo a la barra de selección. Es posible añadir varias instancias, ya que una dimensión maestra puede usar un campo que ya esté añadido a la barra de selección.
Si hay varias instancias de un campo en la barra de selección, todas estarán disponibles en la barra de selección hasta que se realice una selección en una de las instancias del campo. Después de eso, solo la instancia donde se realizó la selección será visible.
-
Los campos añadidos a la barra de selección no están disponibles en la Qlik Analytics aplicación móvil o en la herramienta de selecciones.
Cambiar los colores del encabezado de la hoja
El color de fondo del encabezado de la hoja puede fijarse en un color sólido o en un degradado de colores, seleccionando dos colores. La letra fuente del encabezado de la hoja únicamente puede fijarse en un color sólido.
Para cambiar el estilo del encabezado de la hoja, haga clic en en la barra de navegación de la aplicación y, a continuación, haga clic en Configuración. Las opciones del encabezado de hoja están disponibles en la pestaña Estilo del encabezado de hoja.
Para elegir los colores tenemos las siguientes opciones:
- Elegir un color de la paleta de colores predefinidos.
- Defina un color hexadecimal escribiendo 6 caracteres en el campo de entrada #.
- Hacer clic en la paleta para mostrar más opciones de color:
- Hacer clic en el selector de color para elegir un color.
- Arrastrar el deslizador para cambiar la saturación de color.
Elegir un color de la paleta de colores predefinidos
Haga lo siguiente:
-
Haga clic en
en un menú desplegable de colores.El diálogo se abre y muestra los colores predefinidos.
-
Haga clic en un color de la paleta.
El color se selecciona.
-
Haga clic fuera del diálogo.
El diálogo se cierra.
Ahora ha seleccionado un color seleccionándolo en la paleta de colores predefinidos.
El cuadro de diálogo Color con la paleta de colores predeterminada y un color azul seleccionado.
Introducir un color hexadecimal
Haga lo siguiente:
-
Haga clic en
en un menú desplegable de colores.El diálogo se abre y muestra los colores predefinidos.
-
Escriba 6 caracteres en el campo de entrada hexadecimal: #.
El color se selecciona en la paleta.
-
Haga clic fuera del diálogo.
El diálogo se cierra.
Ahora ha seleccionado un color introduciendo los 6 dígitos hexadecimales.
Usar las opciones de color avanzadas
Haga lo siguiente:
-
Haga clic en
en un menú desplegable de colores.El diálogo se abre y muestra los colores predefinidos.
-
Haga clic en
en la parte inferior del diálogo. El diálogo cambia y muestra las opciones avanzadas.
-
Tome una de las opciones siguientes:
-
Haga clic en la rueda de color.
El color cambia y el código de color hexadecimal se actualiza de manera acorde.
-
Arrastre el deslizador.
La saturación cambia y el código de color hexadecimal se actualiza en consecuencia.
Se puede seleccionar un color de ambas maneras.
-
-
Haga clic fuera del diálogo.
El diálogo se cierra.
Ya ha definido un color usando la rueda de color y/o el deslizador.
El diálogo Color con las opciones avanzadas y un tono de azul seleccionado.
Añadir una imagen
Puede añadir una imagen al encabezado de la hoja, como un logotipo. Se admiten los siguientes formatos:png, .jpg, .jpeg y .gif.
Haga lo siguiente:
-
Haga clic en el contenedor de la imagen junto a Imagen.
Se abre la Biblioteca de medios.
-
Seleccione la imagen que desee añadir al título de la hoja.
Se mostrará una vista previa de la imagen.
-
Haga clic en Insertar.
La imagen se agregará.
Ahora ha añadido una imagen al título de la hoja.