Estilos

La barra de estilos permite personalizar el portal cautivo a nivel visual. Se accede con el botón  en el menú del editor de portales. De esta forma se desplegarán todas las opciones de diseño disponibles.

 

En la Barra de Estilos: tamaño de letras, colores, espaciados, imagen de fondo, etc.

Existen cuatro secciones desde las que gestionar diferentes aspectos del portal cautivo.


  • Estilos del portal.
    Este bloque permite personalizar el área del fondo del portal. Sus opciones son:
      • Establecer una imagen de fondo; JPG, GIF (estático y animado), PNG o BMP. El tamaño máximo de archivo soportado es 10 Mb.
      • Configurar la posición de la imagen (centrado, expandido o en mosaico).
      • Establecer un color de fondo (mediante parámetros RGB o el selector de color integrado).

  • Estilos del área de widgets.
    Permite personalizar el área y los elementos comunes donde serán situados los diferentes widgets del portal. Sus opciones son:
      • Establecer el tamaño de letra de los títulos y botones.
      • Cambiar el tipo de letra de los títulos y botones.
      • Cambiar el color de letra de los textos (títulos y leyendas).
      • Cambiar el color del fondo del área.
      • Establecer el ancho del área.
      • Establecer los márgenes laterales (espaciado entre los bordes del área y los bordes del widget)

  • Estilos de los widgets:
    Permite personalizar los widgets. Sus opciones son:
      • Establecer un color de fondo.
      • Especificar un relleno interno (espaciado entre el borde del widget y el contenido del mismo).
      • Definir el espaciado vertical entre los diferentes widgets.
      • Redondear el borde.
      • Establecer un tipo de borde.
      • Configurar el grosor del borde.
      • Especificar el color del borde.
      • Definir un color específico para el borde de widget de login.

  • Estilos de los botones:
    Permite personalizar los botones. Sus opciones son:
      • Establecer un color de fondo.
      • Establecer color de la letra.
      • Redondear el borde.
      • Establecer botones en 3d o planos.