Agregue widgets funcionales y de diseño a las aplicaciones que cree con Experience Builder. Puede aceptar estilos predeterminados o personalizar la apariencia y conectar widgets a datos, vínculos y otros widgets para disfrutar de una experiencia web única.
Insertar widgets
Los widgets son los bloques de construcción de sus aplicaciones. Si no utiliza los widgets de las plantillas de página y bloquea las plantillas, puede agregar widgets a la página desde el panel Insertar widget usando la función de arrastrar y soltar. Los widgets Marcador de posición y Controlador de widget también tienen un botón Agregar widget. Los widgets se agrupan en las categorías básica y de diseño. Los widgets básicos son widgets funcionales que pueden comportarse como herramientas de aplicaciones y los widgets de diseño son los contenedores para organizar widgets en la página. Cuando agregue y anide widgets, puede basarse en la vista contorno interactiva de cada página, que muestra la jerarquía de widgets para la página y le ayuda a organizar, seleccionar y configurar widgets anidados.
La pestaña Pendiente en el panel Insertar widget resulta útil cuando necesita diseñar su aplicación para varios tamaños de pantalla. Por ejemplo, podría haber un requisito de diseño donde el widget de mapa se implemente en tamaños de pantalla grandes y medianos, aunque no en tamaños de pantalla pequeños. En este caso, podría quitar el widget de mapa del diseño de tamaño de pantalla pequeño y agregarlo a la lista de pendientes.
Conectar widgets
El panel de configuración de widget incluye los ajustes Contenido, Estilo y Acción. Contenido define el comportamiento, conexiones de datos y otros ajustes del widget. Los widgets se alinean y diseñan en la pestaña Estilo con ajustes que incluyen tamaño, posición, fondo, borde y sombra de cuadro. También puede utilizar las barras de herramientas de widget para quitar o alinear widgets. La ubicación de los paneles de widget se recuerda en la aplicación en vivo.
Puede combinar herramientas y widgets, y conectarlos para obtener interactividad adicional. Ayude a los usuarios finales a navegar por su aplicación colocando vínculos en páginas y vistas de sección. Algunos widgets permiten agregar un desencadenador de acción que permite la comunicación entre widgets, es decir, un widget desencadena una acción en otro widget. Por ejemplo, haga clic en una entidad de mapa para actualizar los detalles de la entidad mostrados en el widget Información de entidades.
Definir vínculos
Puede agregar un hipervínculo a su contenido usando la opción Definir vínculo que permite dirigir a los usuarios finales a otra página o vista de sección en su aplicación o a otra dirección web. Los siguientes widgets permiten establecer un vínculo:
Ajustes
Al establecer un vínculo, puede elegir entre las siguientes opciones:
- Página: vínculo que dirige a una página diferente en su aplicación.
- Vista: vínculo que dirige a una vista específica en un widget Sección.
- Dirección web: vínculo que dirige a una dirección web; debe especificar una URL.
También puede decidir dónde debe abrirse el contenido vinculado:
- Ventana de aplicación: el contenido vinculado se abre en la ventana del navegador actual que utiliza su aplicación.
- Ventana superior: el contenido vinculado se sitúa fuera de todos los cuadros en los que está anidado y se abre en la parte superior de otras ventanas abiertas.
- Nueva ventana: el contenido vinculado se abre en una nueva ventana del navegador, manteniendo la aplicación abierta en otra ventana.