El widget de ficha permite organizar el contenido del mashup en vistas separadas. Cada vista es una ficha con un rótulo que se puede definir mediante las propiedades del widget. En tiempo de ejecución, solo se abre una ficha a la vez y la ficha actual se realza con un subrayado. El widget de fichas es un widget dinámico que crece y se reduce según el tamaño de su contenedor. El widget se puede definir con un ancho o una altura fijos mediante el control de las cotas del contenedor o mediante las propiedades Width y Height del widget.

El widget se puede configurar de las siguientes maneras:

Por defecto, todas las fichas del widget se cargan al abrir el mashup. Los servicios enlazados a un widget en una ficha se ejecutan cuando los eventos, como el evento Loaded del mashup, se activan en tiempo de ejecución. La ejecución de servicios y la carga de widgets en fichas de segundo plano pueden reducir el rendimiento cuando el widget de fichas contiene múltiples visualizaciones complejas en las que se incluye una recopilación grande de widgets. La carga diferida se puede configurar para aplazar la carga de fichas no visibles hasta que se necesiten en tiempo de ejecución, lo que mejora el rendimiento del mashup y de la red. Al configurar la carga diferida en el widget, es necesario asegurarse de excluir la ficha por defecto de la carga diferida, ya que se muestra instantáneamente cuando se abre el mashup. Para activar la carga diferida de una ficha del widget, realice los siguientes pasos:

En tiempo de ejecución, las fichas cargadas de forma diferida se cargan automáticamente al abrir la ficha. Cuando la propiedad EnableContainerUnload está activada para un contenedor de ficha, el contenedor se descarga automáticamente para liberar recursos del sistema y mejorar el rendimiento cuando no está visible. Cuando se cambia de nuevo a una ficha descargada, la ficha se vuelve a cargar automáticamente. Se pueden crear enlaces adicionales a los servicios de carga diferida de una ficha para cargar y descargar contenido manualmente mediante otros eventos del mashup, como el evento Clicked de un widget de botón.

El estilo de ficha se puede configurar mediante la propiedad del widget TabStyle. Esta propiedad soporta dos opciones:

Sin marco: los nombres de las fichas se muestran sin bordes. (Por defecto)

Con marco: se muestra un borde alrededor del nombre de la ficha y el área de contenido. Utilice la propiedad HideContentAreaBorder para controlar la visibilidad del borde alrededor del área de contenido.

Al utilizar fichas con marco, se puede personalizar el aspecto de los nombres de ficha mediante la propiedad TabMode. Los nombres de ficha pueden mostrar un rótulo, un icono o ambos, en función del contenido y la experiencia de usuario que se desee proporcionar. Para cada ficha, se puede definir un rótulo de texto, hacer referencia a una entidad multimedia o especificar un icono SVG.

En la siguiente imagen se muestran dos fichas con un rótulo y un icono. El uso de rótulos e iconos puede mejorar la claridad para los nuevos usuarios.

En la siguiente imagen se muestran las fichas solo con iconos. El uso de iconos puede ayudar a los usuarios a identificar rápidamente el propósito de cada pestaña, especialmente cuando el espacio en pantalla es limitado.

Para personalizar el tamaño del icono, utilice la propiedad TabIconSize del widget.

Al utilizar fichas con marco, se puede configurar el widget para que se muestren horizontal o verticalmente mediante la propiedad TabsPosition. Las fichas se pueden mostrar horizontalmente en la parte superior o inferior, o verticalmente en el lado izquierdo o derecho del área de contenido. Para utilizar fichas verticales, realice los siguientes pasos:

En el siguiente ejemplo se muestra un estilo de marco con fichas alineadas verticalmente a la izquierda.

Por defecto, las fichas están configuradas para aumentar o reducirse con el fin de ajustarse al contenido del nombre de la ficha, en función del espacio disponible. Utilice la propiedad TabWdithConfig para distribuir el espacio disponible uniformemente entre todas las fichas o para definir un ancho fijo. La distribución uniforme solo se soporta cuando las fichas se muestran horizontalmente.