Widget personnalisé
Exécute du HTML, du CSS et du JavaScript dans un iframe isolé du DOM et de la session Sybot.
remarque
Le Widget personnalisé apparaît dans le catalogue uniquement lorsque cette fonctionnalité est activée par l’administrateur de la plateforme.
Configuration recommandée
- Ouvrez l’éditeur de code et configurez séparément le HTML, le CSS, le JavaScript et le PDF de secours.
- Associez facultativement une source de données et utilisez exclusivement l’SDK Sybot pour les données et les événements.
- Exécutez la prévisualisation isolée, vérifiez le thème clair/foncé et publiez en tant qu’owner.
Options de configuration
| Zone | Options |
|---|---|
| Code | Éditeurs séparés pour le HTML, le CSS, le JavaScript et le PDF de secours utilisé dans l’exportation PDF. |
| Données et filtres | Source facultative, SDK Sybot, émission contrôlée des filtres et widgets destinataires. |
| Prévisualisation | Exécution isolée, vérification du thème clair/foncé et promotion dans le catalogue des widgets personnalisés. |
| Identité | Titre, Sous-titre, visibilité de l’en-tête, icône du type et bouton des actions. |
| Présentation | Variante Standard, Compacte ou Dense et message à afficher lorsque les données ne sont pas disponibles. |
| Apparence | Fond, image de fond, bordure, rayon, remplissage, ombre et typographie des différentes zones. |
| Position | Coordonnées et dimensions dans les cellules du grille de la page ou du conteneur. |
Bonnes pratiques
- Le runtime ne permet pas le réseau externe, l’accès au parent, les cookies ou les API Sybot directes. Le code publié est inspectable par le navigateur.
astuce
Vérifiez toujours le widget dans Prévisualisation, dans les thèmes clair et foncé et avec un état sans données avant de publier la Vue.