Tokyo - Componentes | Acordeón
Última modificación:
El "Acordeón" es un componente que agrupa el contenido en un menú con opciones desplegables.
Por defecto, se añade dentro de las pantallas (Ver aquí) aunque también se podrá añadir en el interior de una fila y de un pop-up.
Encontraremos este componente en el grupo de componentes "Organizador".
Cuando se crea el componente "Acordeón", por defecto se crea con 3 "Elementos de acordeón" . Cada "Elemento de acordeón"está organizado en dos áreas:
- Un título.
- Una zona de contenido que, por defecto, incluye un texto. Esta zona nos permite añadir nuevos componentes en su interior.
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 migas | Pestaña "Estructura" |
---|---|
Proceso de configuración
En primer lugar, debemos elegir entre los dos tipos de acordeones disponibles (numerado o sin numerar)
Después:
1. Por defecto, el componente se crea con tres elementos. En la pestaña "Añadir" podemos añadir nuevos "Elementos de acordeón" si los necesitamos.
2. En la pestaña "Propiedades" configuraremos las características del acordeón.
3. Modificamos el título de cada uno de los elementos del acordeón.
4. Seleccionamos el área de contenido del "Elemento de acordeón" y configuramos su contenido. Por defecto, cuenta con un texto, pero podemos añadir otros componentes desde la pestaña "Añadir".
Propiedades del acordeón
PROPIEDAD | DESCRIPCIÓN |
---|---|
Estilo | Permite modificar el aspecto gráfico del acordeón:
|
Tipo de orden | Propiedad solo disponible en el acordeón numerado. En este campo indicamos cómo queremos numerar las pestañas del acordeón.
|
Inicio de orden | En esta propiedad indicamos el número con el que queremos que empiece la numeración de las pestañas. |
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. |
Alinear | Permite 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 objetivo | Permite 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:
|