Documentación
Imprimir página

Changing a schedule's appearance

La apariencia visual de un horario y de la interfaz general de usuario se puede configurar de forma separada. Puedes cambiar la paleta de color de tu horario seleccionando otra plantilla de color o puedes escoger tu propio color para cada uno de los diferentes elementos del calendario. En el nivel de cuenta, puedes hacer algo parecido para los colores de la interfaz de usuario. La apariencia de la cabecera y el pie de página se pueden configurar también en el nivel de cuenta.

Configuración de la apariencia del horario

A través de Configurar > diseño > Colores de diseño puedes configurar la apariencia visual de tu horario. Las opciones disponibles pueden variar en algo, dependiendo del tipo de horario – Aforo, Recurso o Servicio

Layout colors

Calendario de colores

Puedes cambiar los colores de tu horario seleccionando uno de los siete temas de color, las cuales se han optimizado para mejorar la visibilidad y legibilidad. Como alternativa, también puedes cambiar manualmente el color de uno o más elementos del calendario. Al hacer click en la muestra de color situada a la derecha de la descripción de elemento, aparecerá un selector de color que te permite seleccionar un color o teclear un código de color hexadecimal RGB de seis dígitos. Cualquier cambio se refleja directamente en la instantánea del calendario a la derecha. Sin embargo, los cambios no se aplicarán en el calendario propiamente dicho hasta que se haya guardado explícitamente.

Color de las entradas en el calendario

El color de una entrada del calendario, es decir, un espacio libre en un horario de aforo o una reserva en un horario de recursos, se establece independientemente del tema del color del calendario. Cuando un horario tiene múltiples recursos o servicios, a las reservas para cada recurso o servicio se les puede dar su propio color correspondiente. Aparte del color de los espacios vacíos, puedes utilizar una capa de color distinta para indicar qué huecos tienen el aforo completo.

Indicador de recurso

En caso de un calendario con múltiples recursos, puede elegir mostrar una escala de colores encima del horario. Este llamado selector de recursos se puede utilizar para filtrar el horario y mostrar sólo las reservas para un recurso en particular. En lugar de que salga esta escala de colores, también puedes elegir que se vea un menú desplegable o no seleccionar nada. Además, puedes elegir que se muestre una escala de colores en el encabezamiento del calendario.

Drop down resource selector
Resource color codes

Indicador de propiedad

En una programación de recursos y servicios, todas las reservas de usuario registrados llevan un patrón distinto superpuesto. Esto permite al usuario localizar rápidamente sus propias reservas entre las de los demás. En cambio, en los horarios de aforo se utiliza una opción marcada como indicador de propiedad. Aquí podrás configurar qué patrones o indicadores se van a utilizar.

Color de las celdas vacías

Los horarios de recursos que funcionan con tiempos de inicio fijos y una longitud predeterminada se mostrarán explícitamente como campos vacíos. Puedes seleccionar el color de estos espacios vacíos o en cambio elegir que permanezcan ocultos.

Configuración de apariencia de cuenta

A través de Opciones de diseño, se pueden hacer cambios en la apariencia de toda la interfaz general de usuario. Esto implica el tamaño de la fuente por defecto, el color de los elementos de la interfaz y la apariencia (y comportamiento) de la cabecera y el pie de página. Estas configuraciones afectan a toda la cuenta y todos los horarios de la cuenta. Si no es esto lo que quieres, puedes plantearte crear varias cuentas.

Layout Settings

Tamaño base de la fuente

Las configuraciones por defecto se han optimizado para una mejor visibilidad y legibilidad. Sin embargo, puedes elegir cambiar el tamaño de la fuente si quieres. El sistema escalará la mayoría de los elementos visuales en relación al tamaño de la fuente seleccionado. En los navegadores antiguos, no obstante, el resultado puede no ser perfecto en cuanto a los píxeles, especialmente en los niveles de zoom más altos. Para evitar que tenga un aspecto desordenado, algunos elementos se mantienen con un tamaño fijo.

Colores

Puedes cambiar los colores que se utilizan para los textos, enlaces, encabezados, tablas y otros elementos de la interfaz. Esto puede ser útil para integrar tu horario en un sitio web a través de un iframe o si quieres alinear los esquemas de color. Al hacer clic en uno de los rectángulos de color, aparecerá un selector de color que te permitirá seleccionar un color o introducir un código de color hexadecimal RGB de seis dígitos.

Cabecera y pie de página

Por defecto, los horarios se muestran con una cabecera y un pie de página de SuperSaaS. Puedes elegir ocultarlos y utilizar tu propio logo. Para esto, primero necesitas subir tu logotipo, que deberá estar en formato .gif, .jpg or .png y tener un tamaño máximo de 70 KB. Se posicionará a 12 píxeles de la parte de arriba, con el borde izquierdo al 15% del ancho de pantalla y con transparencia preservada. También puedes proporcionar una dirección web donde irán a parar los usuarios cuando hagan clic en el logotipo. Las personas también irán a esta dirección cuando cierren sesión de un horario. Como alternativa, también puedes elegir ocultar el logotipo, el pie de página y la barra de guía. Esto es especialmente útil cuando pones en marcha SuperSaaS dentro de un marco en tu propio sitio.

Logo new style
Logo with footer
Custom logo

Favicon

El favicon, o el icono pequeño de acceso directo, es ese pequeño gráfico que aparece al lado de la URL o en la pestaña de arriba, dependiendo del navegador. También suele poder verse típicamente en el Historial de tu navegador y en tu menú de marcadores o favoritos. Si quieres hacer sentir a los visitantes seguros de que realmente están en un sitio que te pertenece, puedes mostrarles tu propio icono.

SuperSaaS favicon

PAra mostrar el icono de tu propio sitio en lugar del de SuperSaaS, ve a Opciones de diseño y haz click en el enlace de Configuraciones avanzadas de la sección de “Apariencia. En la parte de abajo de esta página, puedes especificar una URL que apunte a un favicon.

Oficialmente el favicon no debería estar en formato .gif o .jpg, sino en el formato específico .ico, aunque en muchos navegadores todavía funcionarán si no tienen el tipo de archivo correcto. Para crear un archivo .ico, necesitarás un editorial especial de iconos o convertir tu icono de formato .gif a .ico, con algún servicio gratuito que puedes encontrar a través de Google. Si no has trabajado hasta ahora con favicons, puedes primero leer esto artículo sobre el favicon de la Wikipedia.