Zum Hauptinhalt springen

Tab: Custom Tabs

Kontext​

Externe Web-Apps als Tab in Chat-Räumen und Kanälen. Wird über Tab hinzufügen ausgewählt; Sie geben eine URL ein.

Einrichtung​

  1. Tab hinzufügen öffnen
  2. Custom Tab / Externe URL wählen
  3. Gültige HTTP- oder HTTPS-URL eingeben
  4. Bestätigen → Tab lädt die Seite in einem iFrame

Beispiele für URLs​

  • Dokumente: Google Docs, Office Online, Notion
  • PDF-Dateien: Direkte Links zu PDFs (z. B. https://example.com/dokument.pdf) – der Tab zeigt das PDF im eingebetteten Bereich an; der Browser nutzt seinen eingebauten PDF-Viewer.
  • Dashboards: Grafana, interne Tools
  • Notizen: Etherpad, HackMD
  • Karten: Google Maps (Teilausschnitt)
  • Eigene Apps: Intern entwickelte Web-Anwendungen

PDF-Anzeige​

Ein Custom Tab mit einer direkten PDF-URL zeigt das PDF im Tab an: Die URL wird im iframe geladen, der Browser rendert das PDF mit dem eingebauten Viewer. Wenn der Server die Einbettung blockiert (X-Frame-Options oder CSP), erscheint die übliche Fehlermeldung; dann ggf. eine andere URL wählen oder das PDF in einem neuen Fenster öffnen.

Einschränkungen​

X-Frame-Options​

  • Viele Websites senden X-Frame-Options: DENY oder SAMEORIGIN
  • Diese blockieren die Einbettung in iFrames
  • Folge: Leere Anzeige oder Fehlermeldung
  • Lösung: Andere URL wählen oder Seite in neuem Fenster öffnen (Rechtsklick)

Content Security Policy (CSP)​

  • Manche Seiten haben strenge CSP; Einbettung kann blockiert sein

Sicherheit​

  • Nur HTTPS empfohlen
  • Cookies und Session können je nach Domain-Verhalten anders funktionieren

Verwalten​

  • Rechtsklick auf Tab → Entfernen oder in neuem Fenster öffnen
  • In neuem Fenster: Umgeht iFrame-Beschränkungen; volle Funktionalität der Seite

📸 Screenshot: Custom Tab mit eingebetteter Seite

Tab-Auswahl und Sitzung​

Welcher Tab in einem Raum oder Kanal zuletzt aktiv war (Unterhaltung/Beiträge, Dateien, Custom Tab …), wird pro Raum/Kanal für die laufende Browser-Sitzung gespeichert und beim erneuten Öffnen wiederhergestellt. Technische Details: Vistameet-Teams → docs/TECHNISCHE_DOKUMENTATION.md (Abschnitt Tab-Auswahl pro Raum).

Verwandte Seiten​