Activer une redisposition pour vos Générateur d'IU pages

  • Rversion finale: Xanadu
  • Mis à jour 1 févr. 2024
  • 1 minute de lecture
  • Activez une redisposition pour vos Générateur d'IU pages. De cette façon, lorsque vous redimensionnez une fenêtre, vous n’avez pas besoin de faire défiler horizontalement.

    Avant de commencer

    Rôle requis : administrateur

    Pourquoi et quand exécuter cette tâche

    La fonction de redisposition ajuste les propriétés des composants lorsque vous redimensionnez une fenêtre. Il s’adapte aux tailles d’écran plus petites et modifie les propriétés du composant pour les différentes tailles d’écran.

    Procédure

    1. Accédez à la Tout > Générateur d'IU.
    2. Sous Expériences, sélectionnez Portail d’expérience de playbook.
    3. Ouvrez une page ou une variante spécifique : Processus de création de ticket CSM ou Processus de ticket CSM, pour lequel vous souhaitez ajuster la redistribution.
    4. Modifiez les paramètres du composant Visionneuse d’activité Playbook .
    5. Dans l’onglet Styles de , Générateur d'IUdéfinissez la hauteur de la visionneuse d’activité sur 100 vh.
    6. Accéder au composant Volets redimensionnables > Configuration des volets et copiez le code dans le volet affiché par défaut en modifiant la valeur de la propriété scriptée.
      // Resizable Panes default displayed pane scripted value
      ​
      // when in left/right pane position
      function evaluateProperty({api, helpers}) {
          if(!api.data.playbook_custom_layout.compactMode) return "both";
      ​
        return (api.data.playbook_custom_layout.selectedItem || {}).stageContextId ? "right" : "left";
      }
      ​
      // when in top/bottom pane position
      function evaluateProperty({api, helpers}) {
          if (!api.data.playbook_custom_layout.compactMode) return "both";
      
        return (api.data.playbook_custom_layout.selectedItem || {}).stageContextId ? "bottom" : "top";
      }
    7. Sélectionnez Terminé.
      Pour en savoir plus, consultez Reflow for playbook components.