Widget custom
Executa HTML, CSS e JavaScript num iframe isolado do DOM e da sessão Sybot.
observação
O Widget custom aparece no catálogo apenas quando esta funcionalidade foi ativada pelo administrador da plataforma.
Configuração recomendada
- Abra o editor de código e configure separadamente HTML, CSS, JavaScript e PDF de fallback.
- Associe opcionalmente uma fonte de dados e use exclusivamente o SDK Sybot para dados e eventos.
- Execute a pré-visualização isolada, verifique o tema claro/escuro e publique como proprietário.
Opções de configuração
| Área | Opções |
|---|---|
| Código | Editores separados para HTML, CSS, JavaScript e fallback usado na exportação PDF. |
| Dados e filtros | Fonte opcional, SDK Sybot, emissão controlada de filtros e widgets de destino. |
| Pré-visualização | Execução isolada, verificação de tema claro/escuro e promoção no catálogo de widgets custom. |
| Identidade | Título, Subtítulo, visibilidade do cabeçalho, ícone do tipo e botão de ações. |
| Apresentação | Variante Standard, Compacta ou Densa e mensagem a ser exibida quando não houver dados disponíveis. |
| Aparência | Fundo, imagem de fundo, borda, raio, preenchimento, sombra e tipografia das diferentes áreas. |
| Posição | Coordenadas e dimensões em células na grade da página ou do contêiner. |
Melhores práticas
- O runtime não permite rede externa, acesso ao pai, cookies ou API Sybot diretas. O código publicado é inspecionável pelo navegador.
dica
Verifique sempre o widget em Pré-visualização, nos temas claro e escuro e com um estado sem dados antes de publicar a Visão.