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
La propiedad DynamicPanelType se puede utilizar 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
|
N
|
||
|
SectionBodyMaxHeight
|
Permite definir la altura de la cabecera de la sección.
|
NUMBER
|
Tamaño automático
|
N
|
N
|
||
|
SectionBodyMinHeight
|
Permite definir la altura mínima de la cabecera de sección.
|
NUMBER
|
Tamaño automático
|
N
|
N
|
||
|
SectionHeaderHeight
|
Permite definir la altura de la cabecera de la sección.
|
NUMBER
|
Tamaño automático
|
N
|
N
|
||
|
HideTriggerButton
|
Permite ocultar el botón del activador.
|
BOOLEAN
|
Falso
|
N
|
N
|
||
|
HideDragHandle
|
Permite ocultar el punto de control de arrastre.
|
BOOLEAN
|
Falso
|
N
|
N
|
||
|
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
|
N
|
||
|
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
|
||
|
Collapsed
|
Establece y recupera el estado contraído del panel dinámico en tiempo de ejecución.
|
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.
|
Entidad multimedia
|
n/d
|
N
|
N
|
||
|
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.
|
Entidad multimedia
|
n/d
|
N
|
N
|