Configuración de la apariencia:
Name(obligatorio) - nombre de las pestañas.
Size(obligatorio) - tamaño de las pestañas.
Style type(obligatorio) - estilo de las pestañas.
T ab position (obligatorio) - diseño de las pestañas.
Animation(obligatorio) - animación de cambio de pestaña.
Visible(obligatorio) - hace visible el componente si está activado. Activado por defecto.
Pestañas
En esta sección puede añadir, eliminar y editar pestañas
Activadores del flujo de trabajo:
- onCreate- se dispara cuando el componente se crea en la página;
- onShow- se activa cuando el componente cambia su estado a visible (se muestra en la página);
- onHide- se dispara cuando el componente cambia su estado a oculto (deja de mostrarse);
- onDestroy- se dispara cuando se destruye el componente;
- onTabsSelect- se dispara cuando se selecciona la pestaña.
Acciones de los componentes:
Tabs Get Properties
Obtiene las propiedades de las pestañas
Parámetros de entrada:
- Component Id [string] - identificador del componente tabs.
Parámetros de salida:
- Style[enum] - tamaño de las pestañas;
- Style type [enum] - estilo de las pestañas;
- Tabs position [enum] - diseño de las pestañas;
- Animation[boolean] - estado de la animación;
- Default Tab Key[integer] - número de pestañas por defecto;
- Active Tab Key [integer] - número de pestañas activas;
- Visible[boolean] - estado de visibilidad.
Tabs Set Properties
Establece todas las propiedades de las pestañas
Parámetros de entrada:
- Component Id [string] - identificador del componente de pestañas;
- Style[enum] - tamaño de las pestañas;
- Style type [enum] - estilo de las pestañas;
- Tabs position[enum] - diseño de las pestañas;
- Animation [boolean] - estado de animación;
- Default Tab Key[integer] - número de pestañas por defecto;
- Active Tab Key [integer] - número de pestañas activas;
- Visible[boolean] - estado de visibilidad.
Tabs Update Properties
Actualiza las propiedades de las pestañas
Parámetros de entrada:
- Component Id [string] - identificador del componente de pestañas;
- Style[enum] - tamaño de las pestañas;
- Style type [enum] - estilo de las pestañas;
- Tabs position [enum] - diseño de las pestañas;
- Animation [boolean] - estado de animación;
- Default Tab Key [integer] - número de pestañas por defecto;
- Active Tab Key [integer] - número de pestañas activas;
- Visible[boolean] - estado de visibilidad.
Ejemplo de uso:
