---
sourceDocument: Gestion du service à la clientèle de Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/yokohama/customer-service-management

 Release :

    - yokohama

ft:locale :

    - fr-FR

ft:publication_title :

    - Gestion du service à la clientèle de Yokohama

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

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

# Activez une redisposition pour vos Générateur d'IU pages {#ariaid-title1}

* Rversion finale: Yokohama
* 
* Mis à jour 30 janv. 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 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 : admin

## Pourquoi et quand exécuter cette tâche

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

## Procédure

1. Accédez à TousGénérateur d'IU.
2. Sous Expériences, sélectionnez Portail de l'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 redisposition.
4. Modifiez les paramètres du composant de la visionneuse d'activité Playbook .
5. Dans l'onglet Styles de , Générateur d'IU définissez la hauteur de la visionneuse d'activité sur 100 vh.
6. Accéder au composant Volets redimensionnablesConfiguration des panneaux 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](https://www.servicenow.com/docs/access?context=reflow-for-playbook-components&version=yokohama&pubname=yokohama-build-workflows&ft:locale=en-US).