Zum Hauptinhalt springen
Alle KollektionenOrganisation
Was ist Allex als eingebettete App? (iFrame)
Was ist Allex als eingebettete App? (iFrame)

Was ist eine eingebettete App? Wie kann ich Allex-Inhanten auf einer Webseite verfügbar machen?

Meltem Akarsu avatar
Verfasst von Meltem Akarsu
Diese Woche aktualisiert

In diesem Artikel wird erklärt:

1. Was ist eine eingebettete App?

Eingebettete Anwendungen sind ähnlich wie Widgets für eine Webseite. Sie können Inhalte externer Anwendungen auf einer gewünschten Webseite verfügbar machen. Zum Beispiel sehen wir oft Google Maps auf der Webseite eines Restaurants. In diesem Fall ist Google Maps die eingebettete App und bietet den Benutzern zusätzlichen Komfort.

2. Welche Inhalte können eingebettet werden?

  • Meine Aufgaben Seite & Globale Suche für Aufgaben

  • Einzelne Projekte

3. Wie kann ich die Allex-Inhalte auf einer Webseite verfügbar machen?

Befolge einfach diese simplen Schritte:

  1. Wähle eine Webseite aus, auf der Allex-Inhalte hinzufügt werden sollen.

  2. Teile die URL der Webseite(n) über support@allex.ai dem Allex-Team zur Konfiguration mit. Dies ist aufgrund einiger Sicherheitsgründe erforderlich, z. B. sollten Projektinformationen nicht auf einer fremden Seite verfügbar sein.

  3. Nach der Konfiguration kann das jeweilige iFrame-Skript zur Webseite hinzugefügt werden.

Allex iFrame-Skript für Meinen Tag:

<iframe

frameborder=“0”

scrolling=“yes”

style=“border:none”

width=“100%”

height=“1200px”

sandbox=“allow-forms allow-modals allow-orientation-lock allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation”

title=“Allex embedded app”>

</iframe>

Tipp: Die minimale Höhe beträgt 800px, daher kann die Höhe nach Belieben erhöht werden.

Allex iFrame-Skript für einzelne Projekte:

Öffne das gewünschte Projekt und kopiere die Projekt-ID aus dem Link dieser Seite heraus.

Füge die Projekt-ID anstelle von xxxxx-xxx-xxx-xxx-xxxxx in diesem Script ein:

<iframe

frameborder=“0”

scrolling=“yes”

style=“border:none”

width=“100%”

height=“800px”

sandbox=“allow-forms allow-modals allow-orientation-lock allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation”

title=“Allex embedded app”>

</iframe>

Tipp: Damit alle Funktionen und Ansichten optimal genutzt werden können, empfehlen wir für Projekte eine Höhe von 800px.

Auf diese Weise kann für jedes Projekt ein einzelner iFrame erstellt werden.

4. Wie sollte es aussehen?

Dies ist ein Beispiel für einen iFrame, der in einer Atlassian Confluence-Seite eingebettet ist.

  • Die erste Seite sollte die Allex-Anmeldeseite sein.

  • Klicke auf die Schaltfläche "Anmelden"

  • Es sollte ein kleines Popup-Fenster erscheinen

  • Gib die üblichen Allex-Anmeldeinformationen ein oder melde dich über SSO an.

Allex iFrame für Meinen Tag:

  • Nach erfolgreichem Login sollte die Meine Aufgaben-Seite angezeigt werden.

  • Nützliche Funktionen in diesem iFrame können oben rechts gefunden werden.

    • Durch Klicken auf das Allex-Symbol wird die WebApp-Version in einem neuen Browser-Tab geöffnet.

    • Durch Klicken auf das Suchsymbol wird die globale Suche für Aufgaben als Überlagerung geöffnet.

Allex iFrame für einzelne Projekte:

  • Basierend auf den jeweiligen Berechtigungen ist nach erfolgreichem Login das Projekt mit der hinterlegten Projekt ID zu sehen.

  • Bei fehlenden Berechtigungen für das Projekt, z.B. weil es auf Privat gestellt wurde, kann nicht auf das Projekt zugegriffen werden und es erfolgt eine Benachrichtigung.

Bitte beachte: Sobald ein anderes Projekt, z.B. über verlinkte oder duplizierte Projekte, geöffnet wird, kann zum ursprünglichen Projekt durch das Aktualisieren der eingebetteten Seite zurückgekehrt werden.

Hat dies deine Frage beantwortet?