Composant script de page Web

Le composant de la page Web intègre script une page Web hébergée dans une page. Au moment de l’exécution, script la page spécifiée se charge avec la page.

Important :

  • Le site Web référencé doit permettre l’intégration de pages dans des pages dans d’autres domaines. En d’autres termes, vous devez définir options x-frame sur le serveur Web pour permettre à d’autres domaines d’afficher ses pages à l’intérieur des balises iframe. Sinon, le composant de page Web ne peut pas afficher l’URL.

  • Tu dois utiliser HTTP sécurisé lors de la spécification de l’URL (https : // au lieu de http : //).

  1. Dans la barre d’outils du composant, cliquez sur .

  2. Étendre le Commun groupe dans le panneau des propriétés. Ensuite, tapez l’URL complète d’une page Web dans le champ Source de page Web boîte. En option, choisissez une variable de chaîne dont la valeur contient une URL.

    Par exemple: 

    https://www.usps.com/

    La page se charge immédiatement afin que vous puissiez vérifier que l’URL est valide. Vous n’avez pas besoin de sélectionner le mode Aperçu.

  3. Définissez toutes les autres propriétés du composant.

    Éléments communs

    Source de page Web définit l’URL d’une page Web à incorporer dans un composant de page Web. Vous pouvez taper l’URL d’une page Web ou transmettre une URL au composant à l’aide d’une variable. Par exemple: 

    https://help.mypurecloud.com

    Lorsqu’une URL valide est entrée, le composant de page Web affiche la page immédiatement.

    L’URL doit commencer par https : //. Si le serveur distant ne prend pas en charge le protocole HTTP sécurisé, le composant de page Web ne peut pas afficher les pages de ce serveur.

    Disposition

    Configure la largeur sur une taille fixe, afin de l’agrandir si nécessaire pour afficher le contenu, ou de consommer le plus d’espace possible par rapport aux autres composants, en utilisant pondération pour influencer les ajustements de taille.

    Configurer Description
    Dimensionnement automatique de la mise en page du script Le dimensionnement automatique configure le composant pour qu’il se contracte ou se développe conformément à son contenu. Par exemple, la largeur d’une étiquette peut augmenter en fonction de la quantité de texte qu’elle contient.
    paramètres-dimensionnement-stretch

    Stretch permet à un composant de consommer le plus d’espace possible par rapport aux autres composants, en utilisant pondération pour influencer les ajustements de taille.

    Si deux composants sont réglés pour s’étirer, ils sont tous par défaut deux alloués 50 % de l’espace restant par. Cela proportion peut être ajusté en modifiant la valeur de poids.

    Par exemple, si vous placez un composant à un poids de 200, et l’autre à un poids de 100, alors le premier composant occupe les deux tiers de l’espace restant, tandis que l’autre ne prend qu’un tiers. Le premier composant apparaît deux fois plus gros que l’autre, son poids étant égal à deux fois le poids du deuxième composant.
    Pixels de mise en page du script Définit une taille fixe en pixels. Vous pouvez taper une valeur entière dans la zone ou utiliser les flèches haut ou bas pour augmenter ou diminuer la taille. Ces flèches sont visibles lorsque le composant a le focus.

    Configure la hauteur à une taille fixe, afin de l’agrandir si nécessaire pour afficher le contenu, ou de consommer le plus d’espace possible par rapport aux autres composants, en utilisant pondération pour influencer les ajustements de taille.

    Configurer Description
    Script Layout Auto Sizing height Le dimensionnement automatique configure le composant pour qu’il se contracte ou se développe conformément à son contenu.
    Script Layout Pixels height Définit une taille fixe en pixels. Vous pouvez taper une valeur entière dans la zone ou utiliser les flèches haut ou bas pour augmenter ou diminuer la taille. Ces flèches sont visibles lorsque le composant a le focus.
    paramètres-dimensionnement-stretch

    Stretch permet à un composant de consommer le plus d’espace possible par rapport aux autres composants, en utilisant pondération pour influencer les ajustements de taille.

    Si deux composants sont réglés pour s’étirer, ils sont tous par défaut deux alloués 50 % de l’espace restant par. Cela proportion peut être ajusté en modifiant la valeur de poids.

    Par exemple, si vous placez un composant à un poids de 200, et l’autre à un poids de 100, alors le premier composant occupe les deux tiers de l’espace restant, tandis que l’autre ne prend qu’un tiers. Le premier composant apparaît deux fois plus gros que l’autre, son poids étant égal à deux fois le poids du deuxième composant.

    Aligne un composant vers la gauche, la droite conteneur ou le centre, par rapport à son parent.

    Astuce :   conseil : Un composant ne peut pas être aligné verticalement au conteneur centre si le réglage de hauteur de son parent est Dimensionnement automatique. Pour corriger cela, définir conteneur la hauteur du parent sur étirer ou à une hauteur fixe en Pixels.
    Configurer Exemple
    align-left2 align-left-example2
    align-center2 align-center-example2
    align-right2 align-right-example2
    aligner-commencer align-start-example
    aligner-vertical-center align-vertical-center-example
    align-vertical-end align-vertical-end-example

    Les marges définissent les espacements gauche, droit, supérieur et inférieur autour d’une bordure.

    L’image montre la relation entre les paramètres de marge, de bordure et de rembourrage.

    1. Pour mettre à jour en option toutes les valeurs de marge en même temps, appuyez sur Définir tous les bouton pour marge dans le panneau de propriétés.

      image du bouton set all

    2. Cliquez sur le champ de valeur pour une marge. Un contrôle de rotation apparaît dans ce champ.

    3. Utilisez le contrôle de rotation pour augmenter ou réduire la marge. Si Mettre tous a été sélectionné, le changement est appliqué à toutes les marges.

      paramètres-marge-spinner

      Le composant est immédiatement repositionné à l’aide de son nouveau paramètre de marge.

    Définit la visibilité d’un composant en fonction de la valeur d’une variable booléenne (True ou False).

    1. Cliquez sur le agencement groupe immobilier. Sous Visible, cliquez sur Sélectionnez une variable.
    2. Sélectionnez une variable, ou créez une nouvelle variable Oui/Non, puis attribuez cette nouvelle variable à la visible propriété.
    3. Chez ex terminer, le composant est visible lorsque la valeur de la variable est True. Inversement, il est masqué lorsque la valeur de la variable est Faux.

    Avancé

    Source de page Web définit l’URL d’une page Web à incorporer dans un composant de page Web. Vous pouvez taper l’URL d’une page Web ou transmettre une URL au composant à l’aide d’une variable. Par exemple: 

    https://help.mypurecloud.com

    Lorsqu’une URL valide est entrée, le composant de page Web affiche la page immédiatement.

    L’URL doit commencer par https : //. Si le serveur distant ne prend pas en charge le protocole HTTP sécurisé, le composant de page Web ne peut pas afficher les pages de ce serveur.