Tokyo - Componentes | Destacado

Última modificación:

El "Destacado" nos permite crear un contenido destacado, que se diferencie estéticamente del resto de contenidos de la pantalla.

Por defecto, se añade dentro de las pantallas (Ver aquí) aunque también se podrá añadir en el interior de otros componentes (por ejemplo, dentro de un pop-up, un acordeón, una fila, etc.).

Encontraremos este componente en el grupo de componentes "Texto".

Al añadir un panel, podemos elegir entre tres tipos preconfigurados:

  • Destacado básico: este estilo muestra un destacado, con borde de color y un título que, por defecto, asumirá el color principal de la unidad (Ver aquí para ver cómo configurar los colores)
  • Destacado con encabezado: este estilo muestra el título destacado dentro de una masa de color.
  • Destacado con doble encabezado: este estilo cuenta con título y subtítulo. se utiliza para

Proceso de configuración

1. Por defecto, cuando añadimos un destacado, se crea con un componente "Texto" en su interior, pero podemos añadir adicionalmente cualquier otro. Accede a lapestaña "Añadir" y verás que puedes "Insertar dentro" del panel muchos otros componentes (imágenes, audios, vídeos, filas...). Es importante que nos fijemos bien que tenemos seleccionado el Destacado, ya que podemos añadir componentes en su interior, pero también podemos "Insertar después".

2. Entra en la pestaña "Propiedades" y configura las propiedades del Destacado.

3. Termina configurando el contenido del Destacado: título, textos y otros componentes.

Propiedades

PROPIEDADDESCRIPCIÓN
Vista

Permite cambiar el tipo de panel:

  • Destacado básico
  • Destacado con encabezado
  • Destacado con doble encabezado
Estilo

Permite modificar el aspecto gráfico del panel:

  • Estándar: aplica los colores principal y secundario de la unidad, según corresponda a la vista elegida (Ver aquí para ver cómo configurar los colores)
  • Personalizado: permite personalizar los colores del panel. Según la "Vista" elegida, se activarán nuevas propiedades que permitirá modificar el color del borde, del fondo y de los títulos.
Ancho

Permite modificar el espacio que ocupa el componente dentro de la columna central de contenidos. Por defecto, ocupa el 100% del espacio disponible, pero puede reducirse utilizando otros porcentajes predefinidos o puede disponerse a "full-size". En algunos estilos de las citas, el tamaño "Full" hace que ésta sobrepase al ancho de la columna central.

AlinearPermite situar el componente alineado a la derecha, a la izquierda o al centro de la columna central de contenidos. Solo tiene efecto cuando aplicamos un "Ancho" menor al 100%.
Icono de cabecera

Propiedad solo disponible en la "Vista" de tipo "Panel básico".

Permite añadir una imagen o icono asociado al título del panel.


¿Le resulta útil este artículo?
© 2021 Netex Knowledge Factory. Todos los derechos reservados. Aviso Legal | Política de Privacidad | Política de Cookies.