# Aplicar estilo a una app Puede aplicar estilos a su app para personalizarla conforme a los estándares de su empresa. El estilo seleccionado se aplicará a todas las hojas de la app. Una vez que la app se haya publicado, no podrá cambiar su estilo. [Aplicar estilo a una app](https://share.vidyard.com/watch/vJ2N5BdWop1Bru47mt831P) Está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 predefinida de la app. * 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 color de fondo de los títulos de hoja. * Cambiar el color de la fuente de los títulos de 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. * Añadir un logotipo personalizado a la app Nota de sugerencia Un desarrollador puede aplicar más estilos a una app usando extensiones de plantillas personalizadas. El estilo personalizado en objetos individuales anula el estilo de la aplicación. ## Abrir los ajustes de la app Puede abrir las opciones de la app desde cualquier lugar en una app no publicada. Haga lo siguiente: 1. En una app no publicada, haga clic en the Más icon y después clic en the Configuración icon para abrir las opciones de la app. 2. En la barra de navegación de la app, haga clic en the Más icon > Configuración. 3. Haga clic en the Cancelar icon para cerrar las opciones de la app. Nota informativa Las opciones de la app no están disponibles en un dispositivo móvil. Nota informativaA partir de la versión de Qlik Sense de junio de 2018, las opciones de app no están disponibles en una app publicada, incluso ccuando se tienen reglas de seguridad personalizadas definidas mediante la acción Update en los recursos de la App. ## Cambiar el orden de lectura Haga lo siguiente: 1. En una app no publicada, haga clic en the Más icon y después clic en the Configuración icon para abrir las opciones de la app. 2. En Aspecto > Derecha a izquierda, seleccione Activado o Desactivado. Nota informativaSi una visualización se comparte usando Qlik Sense Charts, cambiar el orden de lectura en la app afectará también al orden de lectura del gráfico compartido. Para más información, vea [El orden de lectura es incorrecto en mi gráfico compartido](https://help.qlik.com/es-ES/sense/May2025/Subsystems/Hub/Content/Sense_Hub/Troubleshooting/troubleshooting-navigate-interact.htm#Right-to). ## Cambiar la plantilla predefinida de la app 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 predeterminada cuando crea una nueva app. * 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: 1. En una app no publicada, haga clic en the Más icon y después clic en the Configuración icon para abrir las opciones de la app. 2. Seleccione la plantilla que desee aplicar desde el menú desplegable Plantilla de app. Nota informativaNo puede cambiar las plantillas en apps publicadas. ### Plantillas personalizadas También puede crear plantillas personalizadas basadas en los estándares corporativos de su empresa. Con las plantillas puede diseñar con precisión el estilo de una app cambiando los colores, agregando imágenes y fondos, así como especificando las fuentes, los tamaños de fuente, los estilos de fuente y los tipos 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 obtener más información, consulte: * [Sense para desarrolladores: plantillas personalizadas](https://qlik.dev/extend/create-custom-themes) Nota informativa 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 app que utilice una plantilla personalizada puede presentar un aspecto diferente a lo visualizado en la app. Para más información, vea [Propiedades JSON de plantillas personalizadas](https://qlik.dev/extend/property-panel-basics/define-properties/themes-properties). Nota de sugerenciaLas plantillas personalizadas no dependen de la app. Esto significa que si, por ejemplo, cambia los colores definidos en una plantilla personalizada, estas se actualizarán en todas las apps que usen la plantilla, incluso si la app está publicada. Cuando haya creado una plantilla personalizada, se almacena en Qlik Sense como una extensión. El archivo JSON y todos los recursos adicionales, como los archivos CSS, se comprimen e importan como una extensión en la consola Consola de gestión de Qlik (QMC). Esto permite que se puedan agregar reglas de seguridad en la consola QMC para controlar a qué plantillas tienen acceso los usuarios específicos. Las plantillas personalizadas se muestran en Personalizado en el menú desplegable Plantilla de app. Menú desplegable de plantillas de app Menú desplegable de plantillas de app Menú desplegable de plantillas de app![Menú desplegable de plantillas de app.](https://help.qlik.com/es-ES/sense/May2025/Subsystems/Hub/Content/Resources/Images/ui_AppTheme_Options.png) ## 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: el [Menú Opciones](https://help.qlik.com/es-ES/sense/May2025/Subsystems/Hub/Content/Sense_Hub/Sheets/sheet-view.htm) 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 app. Haga lo siguiente: 1. En una app no publicada, haga clic en the Más icon y después clic en the Configuración icon para abrir las opciones de la app. 2. 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: 1. En el modo de edición, seleccione la visualización. 2. En el panel de propiedades, vaya a Aspecto > General. 3. 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: 1. En una app no publicada, haga clic en the Más icon y después clic en the Configuración icon para abrir las opciones de la app. 2. Haga clic en el Menú contextual para visualizaciones ## Ocultar elementos en los menús de visualización [Hiding items in visualizations menus](https://play.vidyard.com/u5tc2azX8D6XqP9sWttUvA) 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 (the Más icon). 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: 1. En la barra de navegación, haga clic en el nombre de la app y luego clic en the Configuración icon para abrir las opciones de la app. 2. En Aspecto, tras la Configuración de la interfaz de usuario, haga clic en the Editar icon. 3. Active Anular elementos predeterminados en los menús de visualización. 4. Active y desactive las opciones según lo desee. Puede configurar las siguientes opciones: * Descargar * Ver datos * Menú de exploración * Pantalla completa * Mostrar detalles Nota de avisoOcultar las opciones del menú de visualización creará una experiencia de usuario más concentrada y racionalizada para los usuarios, pero no impide el uso de API públicas para completar tareas ocultas en estos menús. Si necesita restringir el acceso de los usuarios a funciones ocultas, limite el acceso a dichas funciones mediante permisos de usuario. 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: 1. En una app no publicada, haga clic en the Más icon y después clic en the Configuración icon para abrir las opciones de la app. 2. En Aspecto > Animaciones de gráfico, seleccione Activado o Desactivado. ## Ocultar las opciones de la barra de herramientas, la cabecera de la hoja y la barra de navegación de la app Puede ocultar la barra de herramientas y el encabezado de la hoja en su app. Esto significa que estas áreas no se mostrarán en ninguna hoja, para ningún usuario, independientemente de los permisos otorgados. Cualquier usuario con derechos de edición Puede editar en la app puede activar o desactivar estos elementos. También puede ocultar elementos individuales de la barra de navegación, la barra de herramientas y la cabecera de la hoja de su app. ### 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 (the Búsqueda inteligente icon) * Botones de selección: * Selección Atrás (the Da un paso atrás icon) * Selección Avanzar (the Da un paso adelante icon) * Borrar todas las selecciones (the Borra todas las selecciones icon) * Herramienta de selecciones (the Herramienta de selecciones icon) * 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: 1. En la barra de navegación, haga clic en el nombre de la app y luego clic en the Configuración icon para abrir las opciones de la app. 2. En Aspecto, tras la Configuración de la interfaz de usuario, haga clic en the Editar icon. 3. Tome una de las opciones siguientes: * Para ocultarla, desactive la Barra de herramientas. * Para ocultar Activos, en la 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. 4. 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: 1. En la barra de navegación, haga clic en el nombre de la app y luego clic en the Configuración icon para abrir las opciones de la app. 2. En Aspecto, tras la Configuración de la interfaz de usuario, haga clic en the Editar icon. 3. 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. 4. Haga clic en Hecho. ### Barra de navegación de la app Si lo desea, puede ocultar las siguientes opciones en la barra de navegación de su app: * Logotipo * Navegación Haga lo siguiente: 1. En la barra de navegación, haga clic en el nombre de la app y luego clic en the Configuración icon para abrir las opciones de la app. 2. En Aspecto, tras la Configuración de la interfaz de usuario, haga clic en the Editar icon. 3. En Barra de navegación de la app, seleccione las opciones que desee ocultar en la barra de navegación de la app. 4. Haga clic en Hecho. ### Cuándo se utiliza #### 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 Automatización de aplicaciones de Qlik. 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 descripción general de la app. 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. 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 agregar paneles de filtro a sus hojas o filtros a gráficos individuales. ### Ejemplos Una hoja que muestra la barra de herramientas y el encabezado de la hoja. La barra de herramientas muestra Insight Advisor, las selecciones actuales y mucho 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. Una hoja que muestra la barra de herramientas y el encabezado de la hoja. La barra de herramientas muestra Insight Advisor, las selecciones actuales y mucho 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. Una hoja que muestra la barra de herramientas y el encabezado de la hoja. La barra de herramientas muestra Insight Advisor, las selecciones actuales y mucho 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.![Una hoja de Qlik Sense donde la barra de herramientas y el encabezado de la hoja estén visibles en la parte superior.](https://help.qlik.com/es-ES/sense/May2025/Subsystems/Hub/Content/Resources/Images/Sheets/ui_DashboardSheet_HeaderandToolbar_shown-dev-on-prem.png) 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 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 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.![Una hoja de Qlik Sense donde el encabezado de la hoja está oculto.](https://help.qlik.com/es-ES/sense/May2025/Subsystems/Hub/Content/Resources/Images/Sheets/ui_DashboardSheet_Toolbar_shown-windows.png) 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 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 de la hoja está visible y la barra de herramientas está oculta. Los usuarios no pueden ver qué selecciones se han aplicado.![Una hoja de Qlik Sense donde el encabezado de la hoja está oculto.](https://help.qlik.com/es-ES/sense/May2025/Subsystems/Hub/Content/Resources/Images/Sheets/ui_DashboardSheet_Header_shown-windows.png) La misma hoja que la anterior, pero el encabezado y la barra de herramientas se han ocultado. La misma hoja que la anterior, pero el encabezado y la barra de herramientas se han ocultado. La misma hoja que la anterior, pero el encabezado y la barra de herramientas se han ocultado.![Una hoja de Qlik Sense donde tanto la barra de herramientas como el encabezado de la hoja están ocultos.](https://help.qlik.com/es-ES/sense/May2025/Subsystems/Hub/Content/Resources/Images/Sheets/ui_DashboardSheet_HeaderandToolbar_allhidden.png) ## Añadir logotipos personalizados Puede añadir logotipos personalizados a las barras de navegación de las apps. Sustituyen a los logotipos colocados en la barra de navegación de los espacios empresariales inquilinos. Haga lo siguiente: 1. En una app, en la barra de navegación de la app, pulse the Más acciones icon > Configuración. 2. Tras la configuración de la interfaz de usuario, haga clic en the Configuración de la interfaz de usuario icon. 3. En la barra de navegación de la app, pulse the Paleta icon. 4. En Logotipo, haga clic en the Paleta icon. 5. Seleccione una imagen o cargue una nueva. 6. Haga clic en Insertar. ## Cambiar el color de los títulos de hoja El color de fondo del título de la hoja puede configurarse como un color sólido, o como un degradado de colores seleccionando dos colores. La fuente del título solo puede configurarse como un color sólido. Nota informativaSi está utilizando un dispositivo móvil, el fondo del título de hoja se muestra como un color sólido incluso si se han elegido dos colores. 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: * Haga clic en el selector de color para elegir un color. * Arrastre el deslizador para cambiar la saturación de color. ### Elegir un color de la paleta de colores predefinidos Haga lo siguiente: 1. Haga clic en the Flecha hacia abajo icon en un menú desplegable de colores. El diálogo se abre y muestra los colores predefinidos. 2. Haga clic en un color de la paleta. El color se selecciona. 3. Haga clic fuera del diálogo. El diálogo se cierra. Ahora ha seleccionado un color mediante la paleta de colores predefinidos. El cuadro de diálogo Color con la paleta de colores predeterminada y un color azul seleccionado. El cuadro de diálogo Color con la paleta de colores predeterminada y un color azul seleccionado. El cuadro de diálogo Color con la paleta de colores predeterminada y un color azul seleccionado.![Paleta de colores predeterminados.](https://help.qlik.com/es-ES/sense/May2025/Subsystems/Hub/Content/Resources/Images/ui_gen_DefaultColorPalette.png) ### Introducir un color hexadecimal Haga lo siguiente: 1. Haga clic en the Flecha hacia abajo icon en un menú desplegable de colores. El diálogo se abre y muestra los colores predefinidos. 2. Escriba 6 caracteres en el campo de entrada hexadecimal: #. El color se selecciona en la paleta. 3. 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: 1. Haga clic en the Flecha hacia abajo icon en un menú desplegable de colores. El diálogo se abre y muestra los colores predefinidos. 2. Haga clic en the Paleta icon en la parte inferior del diálogo. El diálogo cambia y muestra las opciones avanzadas. 3. 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. 4. 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. El diálogo Color con las opciones avanzadas y un tono de azul seleccionado. El diálogo Color con las opciones avanzadas y un tono de azul seleccionado.![Rueda de color.](https://help.qlik.com/es-ES/sense/May2025/Subsystems/Hub/Content/Resources/Images/ui_gen_AdvancedColorOptions.png) ## Añadir una imagen Se puede añadir una imagen al título de hoja, por ej. un logo. Se admiten los siguientes formatos:png, .jpg, .jpeg y .gif. Haga lo siguiente: 1. Haga clic en el contenedor de la imagen junto a Imagen. Se abre la Biblioteca de medios. 2. Haga clic en una carpeta de la biblioteca multimedia (por ejemplo En app o Predefinido). 3. Seleccione la imagen que desee añadir al título de la hoja. Se mostrará una vista previa de la imagen. 4. Haga clic en Insertar. La imagen se agregará. Ahora ha añadido una imagen al título de la hoja. ## Más información * [Cargar archivos de imagen en la biblioteca multimedia](https://help.qlik.com/es-ES/sense/May2025/Subsystems/Hub/Content/Sense_Hub/MediaLibrary/MediaLibrary-upload.htm)