Widget personalizado
Ejecuta HTML, CSS y JavaScript en un iframe aislado del DOM y la sesión de Sybot.
nota
El Widget personalizado aparece en el catálogo solo cuando esta capacidad ha sido habilitada por el administrador de la plataforma.
Configuración recomendada
- Abre el editor de código y configura por separado HTML, CSS, JavaScript y el PDF de respaldo.
- Asocia opcionalmente una fuente de datos y utiliza exclusivamente el SDK de Sybot para datos y eventos.
- Ejecuta la vista previa aislada, verifica el tema claro/oscuro y publica como propietario.
Opciones de configuración
| Área | Opciones |
|---|---|
| Código | Editores separados para HTML, CSS, JavaScript y el PDF de respaldo utilizado en la exportación PDF. |
| Datos y filtros | Fuente opcional, SDK de Sybot, emisión controlada de filtros y widgets destinatarios. |
| Vista previa | Ejecución aislada, verificación del tema claro/oscuro y promoción en el catálogo de widgets personalizados. |
| Identidad | Título, Subtítulo, visibilidad del encabezado, icono del tipo y botón de acciones. |
| Presentación | Variante Estándar, Compacta o Densa y mensaje que se muestra cuando no están disponibles los datos. |
| Aspecto | Fondo, imagen de fondo, borde, radio, relleno, sombra y tipografía de las diferentes áreas. |
| Posición | Coordenadas y dimensiones en celdas en la cuadrícula de la página o del contenedor. |
Mejores prácticas
- El runtime no permite red externa, acceso al padre, cookies o API de Sybot directas. El código publicado es inspeccionable por el navegador.
tip
Verificar siempre el widget en Vista previa, en los temas claro y oscuro y con un estado sin datos antes de publicar la Vista.