Réorganisation de la présentation du Management Center

L'interface utilisateur du Management Center est divisée en trois sections principales : la bannière, la barre d'état et la zone principale. La zone principale de l'interface utilisateur est la zone qui affiche la vue Explorateur, la vue Utilitaires ainsi que la zone de travail principale. Vous pouvez personnaliser l'interface utilisateur pour modifier l'emplacement où ces trois sections principales s'affichent.

Procédure

  1. Ouvrez HCL Commerce Developer et basculez vers la vue Explorateur d'entreprise.
  2. Développez LOBTools > WebContent > WEB-INF > src > xml > commerce > shell.
  3. Ouvrez le fichier MainWorkBench.xml pour l'éditer. Ce fichier définit la présentation de la bannière, de la barre d'état et des zones de travail dans Management Center. La séquence des éléments dans ce fichier détermine l'emplacement où la bannière, la barre d'état et les zones de travail doivent s'afficher.
  4. Réorganisez les éléments dans ce fichier en fonction de votre préférence de présentation pour le Management Center.
    Par exemple, la barre d'état s'affiche par défaut au-dessous de la bannière et des zones de travail. Si vous préférez afficher la barre d'état entre la bannière et les zones de travail, déplacez-la en modifiant le positionnement de la ligne de code suivante.
    <StatusArea height="40" id="statusAreaWidget" package="cmc/shell" width="${this.parent.width}"/>
    Le positionnement de ce code dans le fragment de code suivant modifie la présentation du Management Center pour afficher la barre d'état entre la bannière et les zones de travail : 
    
<Definitions>
  <FocusableComponent bgcolor="${RootComponent.Singleton.bgcolor}" classDefinition="true" definitionName="cmc/shell/MainWorkbench" 
   focusable="false" height="${RootComponent.Singleton.height}" visible="false" width="${RootComponent.Singleton.width}">
    <dependency localName="SingletonRegistry" moduleName="cmc/foundation/SingletonRegistry"/>
    <dependency localName="RootComponent" moduleName="cmc/RootComponent"/>
    <BannerArea height="40" id="bannerAreaWidget" package="cmc/shell" width="${this.parent.width}"/>
    <StatusArea height="40" id="statusAreaWidget" package="cmc/shell" width="${this.parent.width}"/>
    <MainArea height="${this.parent.height - SingletonRegistry.bannerAreaWidget.height - SingletonRegistry.statusAreaWidget.height}" 
     package="cmc/shell" width="${this.parent.width}"/>
    <AxisLayout axis="y" spacing="0"/>
  </FocusableComponent>
</Definitions>
  5. Sauvegardez et publiez vos modifications.