Temas y estilos
El módulo “Temas y estilos” te permite predefinir colores y formatos de texto para las páginas que existen en las sesiones operativas. En otras palabras, desde este módulo puedes personalizar los colores que tus usuarios operativos podrán visualizar en diferentes páginas cuando inicien sesión.
Puedes utilizar esta función para personalizar las sesiones operativas con los colores que forman parte del branding de tu marca. O podrías personalizar las sesiones operativas por colores de producto, o de campaña, etcétera. Tienes libertad de crear más de un tema.
En este módulo también puedes crear "Estilos" dentro de tus temas. La principal función de los estilos es evitar que tengas que modificar el estilo de los componentes uno por uno en una página en blanco, y simplemente selecciones y coloques un estilo preconfigurado.
¿Qué es un tema?
Un tema es una preconfiguración de los colores y formato de texto. Esta preconfiguración se aplica a las páginas operativas que tengan este tema.
Un tema, también puede contener diferentes estilos para componentes. Los estilos son configuraciones predefinidas para tus componentes, especialmente útiles para agilizar el proceso de creación de páginas web en una Página en blanco.
¿Qué es un estilo?
Un estilo es una combinación particular de colores y formato de texto para cada componente.
En un tema pueden existir diferentes estilos para cada componente. Por ejemplo, en un mismo tema, puedes tener dos estilos de botón que pueden utilizar los diferentes colores y formatos del tema.
El módulo de temas y estilos se divide en dos secciones: Temas de la aplicación y Mis páginas operativas.
Temas de la aplicación
En Temas de la aplicación puedes crear temas nuevos y ver los temas que has creado. Tus temas se muestran en una tabla, cada columna tiene la siguiente información sobre los temas:
Nombre: Es el nombre del tema.
Estilo del tema: Indica cuantos estilos se contienen en el tema. (Todos los temas nuevos contienen 13 estilos por definición)
Flujos Asociados: Indica cuántos flujos utilizan los estilos del tema.
Última modificación: Indica la fecha y hora de la última actualización al tema, o estilos del tema.
Si aún no has creado un tema, encontrarás el tema “Default”. Este tema es el tema predefinido de Kosmos, y no es editable. Para ver la configuración del tema “Default” haz clic en el ícono de “Visualizar”.
¿Cómo agregar un nuevo tema a Kosmos?
Haz clic en la opción “Temas y estilos” del menú de módulos.
Ve a “Temas guardados” de la sección “Temas de la aplicación”.
Haz clic en “+ Agregar nuevo tema”.
En “Nombre del tema” Escribe un nombre para tu tema.
En “Descripción del tema” escribe una breve descripción del tema.
En “Color principal” selecciona en el panel, o ingresa con código hexadecimal, el color que va a predominar en tus páginas operativas.
En “Color secundario” selecciona en el panel, o ingresa con código hexadecimal, el color que va a apoyar a tu color principal.
En “Color de fondo” selecciona el color de fondo que van a tener las páginas operativas.
En “Fuente” selecciona la tipografía que se va a usar en tus páginas operativas.
En “Tamaño” selecciona los puntos, o el tamaño que va a tener el texto de tus páginas operativas.
Selecciona una de las cuatro opciones de alineación de párrafo:
Izquierda
Centro
Derecha
Justificado
Haz clic en “Guardar.
Si quieres editar o eliminar un tema haz clic en el ícono correspondiente.
“Eliminar” representado con un ícono de papelera.
“Editar” representado con un ícono de lápiz.
Si hiciste cambios, haz clic en “Guardar”.
Si no realizaste cambios, haz clic en “Regresar a temas”.
¿Cómo asignar un tema a una página en blanco?
Cuándo editas un flujo en página en blanco, debajo del nombre puedes ver el tema asignado. Para cambiar un tema, haz clic en “Diseño”. Ahora, sólo selecciona el tema que quieres asignar a esa página.
Mis páginas operativas
En esta sección vas a encontrar todas las páginas operativas que puedes personalizar con tu tema, en la columna “Página operativa”. Estas páginas son:
Dashboard
Pool de ejecuciones
Base de datos
Página 404
Páginas de formulario y detalle de cliente
Reportes y analíticas
En la columna “Tema aplicado” puedes ver el tema asignado a la página operativa, y asignar nuevos temas. Si aún no has asignado un tema a la página operativa, en esta columna verás el tema “Default”.
¿Cómo asignar un tema a una página operativa?
Haz clic en la opción “Temas y estilos” del menú de módulos.
Ve a “Asignar temas“ de la sección “Mis páginas operativas”.
Ve la fila de la página a la que vas a asignar el tema.
Haz clic en "Previsualizar para ver la página con el tema actual".
En la columna “Tema aplicado”, despliega la lista y selecciona el tema que quieres aplicar.
Si quiere previsualizar tu página con el nuevo tema, haz clic en “Previsualizar”.
La previsualización te ayuda a hacer una comparativa del tema anterior y el tema nuevo.
Haz clic en “Regresar a tema de la aplicación” para salir de la previsualización.
Repite el proceso para todas las páginas a las que quieres agregar el tema.
Haz clic en “Vista previa” para aplicar el tema en el ambiente de Vista previa (QA). El tema se aplicará a las páginas operativas que modificaste.
Haz clic en “Publicar” para aplicar el tema en el ambiente de Producción. El tema se aplicará a las páginas operativas que modificaste
