Webseite Skript Komponente

Die Komponente Webseite bettet eine gehostete Webseite in eine Skriptseite ein. Zur Laufzeit wird die angegebene Seite mit der Skriptseite geladen.

Das ist wichtig:

  • Die referenzierte Website muss die Einbettung von Seiten in Seiten anderer Domains erlauben. Mit anderen Worten, Sie müssen x-frame options auf dem Webserver einstellen, damit andere Domains ihre Seiten innerhalb von iframe-Tags anzeigen können Andernfalls kann die Webseiten-Komponente die URL nicht anzeigen.

  • Sie müssen secure HTTP verwenden, wenn Sie die URL angeben (https:// anstelle von http://).

  1. Klicken Sie in der Komponentensymbolleiste auf Webseite

  2. Erweitern Sie die Gruppe Common in der Eigenschaftsleiste Geben Sie dann die vollständig qualifizierte URL einer Webseite in das Feld Web Page Source ein Optional können Sie eine String-Variable wählen, deren Wert eine URL enthält.

    Zum Beispiel:

    https://www.usps.com/

    Die Seite wird sofort geladen, so dass Sie überprüfen können, ob die URL gültig ist. Sie brauchen den Vorschaumodus nicht zu wählen.

  3. Legen Sie alle anderen Eigenschaften der Komponente fest.

    Allgemein

    Webseitenquelle legt die URL einer Webseite fest, die in eine Webseiten-Komponente eingebettet werden soll. Sie können die URL einer Webseite eingeben oder eine URL über eine Variable an die Komponente übergeben. Zum Beispiel:

    https://help.mypurecloud.com

    Wenn eine gültige URL eingegeben wird, zeigt die Webseiten-Komponente die Seite sofort an.

    Die URL muss mit https://beginnen. Wenn der entfernte Server das sichere http-Protokoll nicht unterstützt, kann die Webseiten-Komponente keine Seiten von diesem Server anzeigen.

    Layout

    Konfiguriert die Breite auf eine feste Größe, die je nach Bedarf wächst, um den Inhalt anzuzeigen oder so viel Platz wie möglich im Verhältnis zu anderen Komponenten zu beanspruchen, wobei eine Gewichtung die Größenanpassung beeinflusst.

    Einstellung Beschreibung
    Skript-Layout Automatische Größenanpassung Die automatische Größenanpassung konfiguriert die Komponente so, dass sie entsprechend ihrem Inhalt verkleinert oder vergrößert wird. So kann beispielsweise die Breite eines Etiketts je nach der darin enthaltenen Textmenge zunehmen.
    einstellungen-grösse-stretch

    Die Streckung ermöglicht es einer Komponente, im Verhältnis zu anderen Komponenten so viel Platz wie möglich zu beanspruchen, wobei die Größenanpassung durch Gewichtung beeinflusst wird.

    Wenn zwei Komponenten beide auf Streckung eingestellt sind, werden ihnen standardmäßig jeweils 50 % des verbleibenden Platzes zugewiesen. Dieser Anteil kann durch Änderung des Gewichtswertes angepasst werden.

    Wenn Sie z. B. für eine Komponente eine Gewichtung von 200 und für die andere eine Gewichtung von 100 festlegen, nimmt die erste Komponente zwei Drittel des verbleibenden Platzes ein, während die andere Komponente nur ein Drittel einnimmt. Das erste Bauteil erscheint doppelt so groß wie das andere, da sein Gewicht doppelt so groß ist wie das des zweiten Bauteils.

    Skript Layout-Pixel Legt eine feste Größe in Pixeln fest. Sie können einen ganzzahligen Wert in das Feld eingeben oder die Pfeile nach oben oder unten verwenden, um die Größe zu erhöhen oder zu verringern. Diese Pfeile sind sichtbar, wenn die Komponente den Fokus hat.

    Konfiguriert die Höhe auf eine feste Größe, damit sie je nach Bedarf wächst, um den Inhalt anzuzeigen, oder um so viel Platz wie möglich im Verhältnis zu anderen Komponenten zu beanspruchen, wobei eine Gewichtung die Größenanpassung beeinflusst.

    Einstellung Beschreibung
    Skript Layout Automatische Größenanpassung Höhe Die automatische Größenanpassung konfiguriert die Komponente so, dass sie entsprechend ihrem Inhalt verkleinert oder vergrößert wird.
    Skript Layout Pixel Höhe Legt eine feste Größe in Pixeln fest. Sie können einen ganzzahligen Wert in das Feld eingeben oder die Pfeile nach oben oder unten verwenden, um die Größe zu erhöhen oder zu verringern. Diese Pfeile sind sichtbar, wenn die Komponente den Fokus hat.
    einstellungen-grösse-stretch

    Die Streckung ermöglicht es einer Komponente, im Verhältnis zu anderen Komponenten so viel Platz wie möglich zu beanspruchen, wobei die Größenanpassung durch Gewichtung beeinflusst wird.

    Wenn zwei Komponenten beide auf Streckung eingestellt sind, werden ihnen standardmäßig jeweils 50 % des verbleibenden Platzes zugewiesen. Dieser Anteil kann durch Änderung des Gewichtswertes angepasst werden.

    Wenn Sie z. B. für eine Komponente eine Gewichtung von 200 und für die andere eine Gewichtung von 100 festlegen, nimmt die erste Komponente zwei Drittel des verbleibenden Platzes ein, während die andere Komponente nur ein Drittel einnimmt. Das erste Bauteil erscheint doppelt so groß wie das andere, da sein Gewicht doppelt so groß ist wie das des zweiten Bauteils.

    Richtet eine Komponente relativ zu ihrem übergeordneten Container links, rechts oder mittig aus.

    Tipp: Eine Komponente kann nicht vertikal zentriert ausgerichtet werden, wenn die Höheneinstellung des übergeordneten Containers Auto Sizinglautet. Um dies zu korrigieren, setzen Sie die Höhe des übergeordneten Containers auf Stretch oder auf eine feste Höhe in Pixels
    Einstellung Beispiel
    ausrichten-links2 links-ausrichten-Beispiel2
    ausrichten-Zentrieren2 ausrichten-zentrieren-Beispiel2
    rechtsbündig2 rechts-ausrichten-Beispiel2
    ausrichten-starten align-start-example
    vertikal-zentriert ausrichten align-vertical-center-example
    ausrichten-vertikal-ende align-vertical-end-example

    Ränder legen den linken, rechten, oberen und unteren Abstand um einen Rahmen fest.

    Die Abbildung zeigt die Beziehung zwischen den Einstellungen für Rand, Umrandung und Auffüllung.

    1. Um optional alle Randwerte auf einmal zu aktualisieren, klicken Sie auf die Schaltfläche Alle einstellen für Rand im Eigenschaftenfenster

      bild der Schaltfläche "Alles einstellen

    2. Klicken Sie auf das Wertfeld für eine Spanne. In diesem Feld erscheint ein Drehschalter.

    3. Verwenden Sie den Drehknopf, um den Spielraum zu vergrößern oder zu verkleinern. Wenn Alle ausgewählt wurde, wird die Änderung auf alle Ränder angewendet

      einstellungen-margin-spinner

      Die Komponente wird sofort unter Verwendung ihrer neuen Randeinstellung neu positioniert.

    Legt die Sichtbarkeit einer Komponente auf der Grundlage des Wertes einer booleschen Variable (Wahr oder Falsch) fest.

    1. Klicken Sie auf die Eigenschaftsgruppe Layout Klicken Sie unter Sichtbar auf Variable auswählen.
    2. Wählen Sie eine Variable aus, oder erstellen Sie optional eine neue Ja/Nein-Variable und weisen Sie diese neue Variable der Eigenschaft Sichtbar zu
    3. Zur Laufzeit ist die Komponente sichtbar, wenn der Wert der Variablen True ist. Umgekehrt wird sie ausgeblendet, wenn der Wert der Variablen Falselautet.

    Erweitert

    Webseitenquelle legt die URL einer Webseite fest, die in eine Webseiten-Komponente eingebettet werden soll. Sie können die URL einer Webseite eingeben oder eine URL über eine Variable an die Komponente übergeben. Zum Beispiel:

    https://help.mypurecloud.com

    Wenn eine gültige URL eingegeben wird, zeigt die Webseiten-Komponente die Seite sofort an.

    Die URL muss mit https://beginnen. Wenn der entfernte Server das sichere http-Protokoll nicht unterstützt, kann die Webseiten-Komponente keine Seiten von diesem Server anzeigen.