Redisposition pour playbook les composants

Appliquez la redisposition aux composants de mise en page Expérience de playbook autonomes et personnalisés prêts à l’emploi afin que l’interface utilisateur s’ajuste lorsque vous redimensionnez votre fenêtre ou effectuez un zoom.

La redistribution est une espace de travail configurable fonctionnalité qui permet de zoomer jusqu’à 400 % sur les pages et le contenu via les paramètres du navigateur. playbook Lorsque la redisposition est activée, le passe en mode compact lors d’un playbook zoom avant à 200 % du navigateur et quitte le mode compact lors d’un zoom arrière.

Si vous souhaitez que la redisposition fonctionne pour vos Expérience de playbook composants, reportez-vous à la section Appliquer la redisposition aux playbook composants.

Pour plus d’informations sur Redisposition, reportez-vous à la section .

Appliquer la redisposition aux playbook composants

Appliquez la redisposition aux composants de mise en page Expérience de playbook autonomes et personnalisés prêts à l’emploi afin que l’interface utilisateur s’ajuste lorsque vous redimensionnez votre fenêtre ou effectuez un zoom.

Avant de commencer

Rôle requis : admin

Procédure

1. Créez l’enregistrement sys_ux_auto_reflow_rule.
   1. Ouvrez le menu Tout .
   2. Dans la barre de filtre, saisissez et saisissez sys_ux_auto_reflow_rule.list.

   La liste Règles de redisposition automatique UX est créée et s’affiche.

   Il existe une règle pour chacun des composants de playbook mise en page autonome et personnalisée. Lorsqu’elles sont inférieures à une certaine Générateur d'IU taille de page, ces règles utilisent le moteur de redistribution par défaut pour remplacer les propriétés du macroponent dans la liste des définitions de macroponent UX (sys_ux_macroponent.list) et certaines valeurs CSS. Les règles fournies dans les applications de stockage Expérience de playbook utilisent une largeur de page de 640 px pour basculer la propriété compactMode des composants, ainsi qu’une hauteur de 100 vh pour s’assurer que les composants se redimensionnent pour s’adapter à l’espace.

   Si vous utilisez le composant autonome, vous avez terminé. Si vous utilisez des composants de mise en page personnalisés, passez à l’étape suivante.

2. Accédez à la Tous > Générateur d'IU.
3. Ouvrez la mise en page à laquelle vous souhaitez appliquer la redisposition dans Expérience de playbook le Builder.
4. Dans le coin inférieur gauche, sélectionnez l’icône Données et ouvrez le contrôleur de l’interface utilisateur de la disposition personnalisée du Playbook .
5. Dans le champ Mode de vue de l’activité , mettez à jour la valeur de la propriété de sortie stagePickerVisible sur vrai.
6. Sélectionnez le composant auquel vous souhaitez que la règle de redisposition s’applique.
7. Sous l’onglet Événements , ajoutez le gestionnaire d’événements Compact Mode modifié .
   Cela active et désactive automatiquement le mode compact en fonction de la règle de redisposition, en changeant la valeur de la propriété de sortie compactMode sur true ou false. Ceci est ensuite appliqué aux autres composants de votre playbook afin que tout se redimensionne automatiquement.
8. Facultatif : Sélectionnez Volets redimensionnables.
   1. Mettez à jour la position des panneaux pour qu’elle s’affiche dans l’orientation gauche et droite , ou sous forme de panneaux supérieur et inférieur .
   2. Sous l’onglet Configuration , ouvrez la valeur de la propriété scriptée dans le champ Volet affiché par défaut .
   3. Mettez à jour la valeur de if ( !api.data.playbook_custom_layout.compactMode) pour afficher uniquement le volet « gauche »/« haut », uniquement le volet « droite »/« bas » ou les « deux » panneaux lorsqu’ils ne sont pas en mode compact.
   4. Pour le mode compact, mettez à jour la première valeur de retour (api.data.playbook_custom_layout. selectedItem || ()).stageContextId ? pour afficher le volet d’activité « gauche »/« haut » ou « droite »/« bas » lorsqu’une étape est sélectionnée.
      La deuxième valeur indique le panneau à afficher lorsqu’une étape n’est pas sélectionnée.