Benutzerdefiniertes Widget
Führt HTML, CSS und JavaScript in einem vom DOM und der Sybot-Sitzung isolierten iframe aus.
Hinweis
Das Benutzerdefinierte Widget erscheint im Katalog nur, wenn diese Funktion vom Plattformadministrator aktiviert wurde.
Empfohlene Konfiguration
- Öffnen Sie den Code-Editor und konfigurieren Sie HTML, CSS, JavaScript und das PDF-Fallback separat.
- Verknüpfen Sie optional eine Datenquelle und verwenden Sie ausschließlich das Sybot SDK für Daten und Ereignisse.
- Führen Sie die isolierte Vorschau durch, überprüfen Sie das Hell-/Dunkel-Thema und veröffentlichen Sie es als Eigentümer.
Konfigurationsoptionen
| Bereich | Optionen |
|---|---|
| Code | Separate Editoren für HTML, CSS, JavaScript und das für den PDF-Export verwendete Fallback. |
| Daten und Filter | Optionale Quelle, Sybot SDK, kontrollierte Filteremission und Ziel-Widgets. |
| Vorschau | Isolierte Ausführung, Überprüfung des Hell-/Dunkel-Themas und Promotion im Katalog der benutzerdefinierten Widgets. |
| Identität | Titel, Untertitel, Kopfzeilen-Sichtbarkeit, Typ-Icon und Aktions-Button. |
| Darstellung | Variante Standard, Kompakt oder Dicht und Nachricht, die angezeigt wird, wenn keine Daten verfügbar sind. |
| Aussehen | Hintergrund, Hintergrundbild, Rahmen, Radius, Padding, Schatten und Typografie für verschiedene Bereiche. |
| Position | Koordinaten und Abmessungen in Zellen des Seiten- oder Container-Gitters. |
Best Practices
- Die Laufzeitumgebung erlaubt keinen externen Netzwerkzugriff, keinen Zugriff auf das übergeordnete Element, keine Cookies oder direkte Sybot APIs. Der veröffentlichte Code ist im Browser inspizierbar.
Tipp
Überprüfen Sie das Widget immer in der Vorschau im Hell- und Dunkelmodus und mit einem Zustand ohne Daten, bevor Sie die Ansicht veröffentlichen.