Widget de panel dinámico (con temas)
 |
El panel dinámico está disponible como widget estándar en la plataforma y como componente Web que se puede importar desde un SDK.
|
El widget de panel dinámico es un tipo de contenedor que los usuarios pueden ajustar dinámicamente en tiempo de ejecución. El widget se puede utilizar para mostrar u ocultar un contenedor en un mashup. El panel dinámico puede anclarse a la izquierda, la derecha, la parte superior o la parte inferior del contenedor padre. Es posible ajustar el ancho del panel y abrir y contraer el panel de forma dinámica en tiempo de ejecución. El panel dinámico se puede utilizar para proporcionar información adicional o entradas de formulario relacionadas con el contenedor principal de un esquema.
1. Botón de expandir y contraer
2. Contenedor lateral
3. Punto de control de arrastre
4. Contenedor principal
Configuración del panel como secciones contraíbles
En ThingWorx 9.3.3 o versión posterior, se puede utilizar la propiedad DynamicPanelType para configurar el widget como secciones contraíbles. El uso de esta variante permite ahorrar espacio al ocultar los detalles o controles no esenciales del esquema principal. Los usuarios pueden expandir y contraer manualmente las secciones según sea necesario. A diferencia del panel ajustable, los contenedores no crecen automáticamente para rellenar el espacio disponible en el esquema y su altura cambia en función de su contenido.
1. Botón de expandir y contraer
2. Cuerpo de sección
3. Cabecera de sección
| | Para mostrar un mashup contenido en la sección de cuerpo del panel dinámico, se debe especificar un valor en la propiedad SectionBodyMinHeight. |
Propiedades de los widgets
Nombre de la propiedad | Descripción | Tipo base | Valor por defecto | ¿Es enlazable? (Sí/No) | ¿Es localizable? (Sí/No) |
|---|---|---|---|---|---|
TabSequence | Permite definir la secuencia en la que se realza el widget al pulsar el tabulador. | NUMBER | n/d | N | No |
SectionBodyMaxHeight | Permite definir la altura de la cabecera de la sección. | NUMBER | Tamaño automático | N | No |
SectionBodyMinHeight | Permite definir la altura mínima de la cabecera de sección. | NUMBER | Tamaño automático | N | No |
SectionHeaderHeight | Permite definir la altura de la cabecera de la sección. | NUMBER | Tamaño automático | N | No |
HideTriggerButton | Permite ocultar el botón del activador. | BOOLEAN | Falso | N | No |
HideDragHandle | Permite ocultar el punto de control de arrastre. | BOOLEAN | Falso | N | No |
Disabled | Permite desactivar el widget en el mashup. El widget aparece, pero no está disponible para su uso. | BOOLEAN | Falso | S | N |
DynamicPanelType | Permite controlar el tipo de panel dinámico. Se puede visualizar un panel ajustable o una sección contraíble. | STRING | Panel ajustable | N | No |
CustomClass | Permite definir la CSS en el elemento div superior del widget. Al introducir varias clases, sepárelas mediante un espacio. | STRING | n/d | S | N |
PanelSize | Permite definir el tamaño del panel. | STRING | 220 | S | N |
ClickOutsideToClose | Permite cerrar el panel al pulsar fuera del panel. | BOOLEAN | Falso | S | N |
Behavior | Permite definir el panel para Insertar contenido o Sobrevolar. | STRING | Push Content | S | N |
AnimationSpeed | Permite definir la velocidad de la animación del panel que se expande y contrae como Rápido, Normal o Lento. | STRING | Medio | S | N |
MinSizeWhenExpanded | Permite definir el ancho mínimo del panel cuando se expande a lo largo del eje horizontal. El valor mínimo es de 34 píxeles. Si el panel se encuentra en la parte superior, esta propiedad define la altura a lo largo del eje vertical. | STRING | 50 | S | N |
MaxSizeWhenExpanded | Permite definir el ancho máximo del panel cuando se expande a lo largo del eje horizontal. Si el panel se encuentra en la parte superior, esta propiedad define la altura a lo largo del eje vertical. | STRING | 100% | S | N |
SizeWhenCollapsed | Permite definir el ancho del panel cuando se contrae a lo largo del eje horizontal. Si el panel se encuentra en la parte superior, esta propiedad define la altura a lo largo del eje vertical. | STRING | n/d | S | N |
AnchorLocation | Permite definir la ubicación del ancla en Izquierda, Arriba, Derecha o Abajo en el panel. | STRING | Izquierda | S | N |
CollapseByDefault | Permite definir que el panel se contraiga por defecto cuando se carga el mashup. | BOOLEAN | Falso | S | N |
TriggerButtonLocation | Permite definir la posición del botón activador en Arriba, Centro, Abajo, Panel o Ninguno. | STRING | Arriba | S | N |
TriggerButtonType | Permite definir el tipo del botón activador en Doble signo de intercalación, Signo de intercalación único, Más/menos o Cerrar. | STRING | Símbolo de intercalación doble | S | N |
TriggerButtonSide | Permite controlar la ubicación del botón desencadenador en la cabecera cuando el widget se configura como una sección contraíble. | STRING | Izquierda | S | N |
TriggerButtonIcon | Permite especificar el icono que se debe mostrar para el botón desencadenador cuando el widget se configura como una sección contraíble. Opciones: Signo de intercalación único, Triángulo | STRING | Signo de intercalación único | S | N |
ToggleExpandCollapse | Cuando se activa, se expande el panel si se encuentra en el estado contraído o se contrae si se encuentra en el estado expandido. | n/d | n/d | S | N |
Expand | Cuando se activa, se expande el panel dinámico. | n/d | n/d | S | N |
Collapse | Cuando se activa, se contrae el panel dinámico. | n/d | n/d | S | N |
ResetToDefaultValue | Permite restaurar los valores por defecto de todos los widgets contenidos. | n/d | n/d | S | N |
ResetInputsToDefaultValue | Permite restaurar los valores por defecto del widget de panel dinámico. | n/d | n/d | S | N |
HandleTooltipField | Permite mostrar un texto de sugerencia al pasar por encima del punto de control. | STRING | n/d | S | S |
HandleTooltipIcon | Permite definir una imagen de icono para la sugerencia del punto de control. | MEDIA ENTITY | n/d | N | No |
TriggerButtonTooltipField | Permite mostrar un texto de sugerencia al pasar por encima del botón activador. | STRING | n/d | S | S |
TriggerButtonTooltipIcon | Permite definir una imagen de icono para la sugerencia del botón activador. | MEDIA ENTITY | n/d | N | No |