Berlin - Componentes | Grupo de pestañas

Última modificación:


El "Grupo de pestañas" es un componente que agrupa el contenido en un menú de pestañas navegable.

Por defecto, se añade dentro de las secciones (Ver aquí) y los popups (Ver aquí), aunque también se podrá añadir en el interior de una fila.

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

Image 7105

Cuando se crea el componente "Acordeón", por defecto se crea con 3 "Pestañas" (A). Cada "Pestaña" está organizado en dos áreas:

  • Un título.
  • Un título.
  • Una zona de contenido que, por defecto, incluye un texto. Esta zona nos permite añadir nuevos componentes en su interior.Image 7106

Este componente tiene una estructura compleja, con muchos elementos y cada uno tiene propiedades específicas. Para configurarlo correctamente, debemos estar seguros de seleccionar el elemento correcto. Podremos hacerlo desde el camino de migas o desde la pestaña "Estructura".

Camino de migasPestaña "Estructura"

Image 7107

Image 7108

Proceso de configuración

1. Por defecto, el componente se crea con tres elementos. En "Añadir" incluimos las "Pestañas" que necesitemos.

2. En la pestaña "Propiedades" configuraremos las características del Grupo de pestañas.

Image 7109

3. Modificamos el título de cada una de las "Pestañas".

4. Seleccionamos el área de contenido de la "Pestaña" y configuramos su contenido. Por defecto, cuenta con un texto, pero podemos añadir los componente que queramos en la pestaña "Añadir".

Image 7110

Propiedades

PROPIEDADDESCRIPCIÓN
EstiloPermite modificar el aspecto gráfico del acordeón:
  • Estándar: aplica los colores principal y secundario de la unidad, (los configurados en la zona propiedades comunes).
  • Personalizado: permite personalizar los colores del acordeón. 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%.
Superar objetivoPermite modificar la configuración de la superación de objetivos de este componente concreto, haciendo que se comporte de forma diferente a la configuración general establecida. Podemos elegir entre:
  • Heredado: aplica el valor por defecto que se haya definido en la zona de configuración de objetivos de la unidad.
  • No es objetivo: el componente no será un objetivo a superar para finalizar la unidad.
  • Interactuar: es necesario interactuar con el componente para superar el objetivo.
  • Completar: es necesario visitar todas las opciones del acordeón para superar el objetivo.

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