ONYX - Utilisation - Personnalisation de l'interface Designer

Différence entre versions

De MappingDoc
(Cette version a été marquée pour être traduite)
 
(73 révisions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
 
<languages/>
 
<languages/>
 
<translate>
 
<translate>
(En cours de dev jusqu'à fin juin 2020)
 
  
Onyx Designer 10.1 (sortie officielle Fin Juin 2020) et au-de-là donne la possibilité de personnaliser son interface. Il est alors maintenant possible de cacher certains boutons de la barre d'outils du ruban.
+
 
 +
<!--T:2-->
 +
Dans une prochaine version, il sera également possible de personnaliser les autres barres d'outils et fenêtres de Designer ainsi que de modifier les couleurs.
 +
 
 +
==Prérequis== <!--T:3-->
 +
*'''Designer Onyx 10.1''' ou supérieur
 +
*Avoir le fichier '''global.xml''' dans le répertoire '''Styles''' du dossier d'installation de Designer
 +
*Exécuter le fichier '''initGlobalStyle.reg''' fourni avec le setup
 +
 
 +
==Limites== <!--T:4-->
 +
*Cette première version permets uniquement de modifier les boutons de la barre d'outils Ruban située en haut de l'écran. Les possibilités seront étendues à l'avenir...
 +
*Il n'est pas possible de cacher l'onglet '''Accueil'''
 +
*Il n'est pas possible de cacher des éléments de sélection de police et de taille de polices
 +
 
 +
==Masquer des éléments du ruban== <!--T:5-->
 +
 
 +
<!--T:6-->
 
Il est possible de cacher certains boutons des onglets '''Home''', '''Edit''', '''Display''' et '''Shape'''
 
Il est possible de cacher certains boutons des onglets '''Home''', '''Edit''', '''Display''' et '''Shape'''
  
 +
<!--T:7-->
 
[[File:OX_D_CUSTOM1.jpg|1000px|center|sans_cadre]]  
 
[[File:OX_D_CUSTOM1.jpg|1000px|center|sans_cadre]]  
  
  
Dans une prochaine version, il sera également possible de personnaliser les autres barres d'outils et fenêtres de Designer ainsi que de modifier les couleurs.
+
<!--T:8-->
 +
L’ajout du Style global permet de masquer des catégories, des panels et des boutons à partir du fichier global.xml. Ce fichiers se trouve dans le dossier d’installation de M-Designer, dans le sous-dossier '''“Styles”'''.
 +
 
 +
 
 +
===Installation du fichier global.xml=== <!--T:9-->
 +
 
 +
<!--T:10-->
 +
Afin d’activer la personnalisation du ruban, il faut exécuter le fichier initGlobalStyle.reg. Ce dernier va ajouter une clé de registre avec le nom du fichier de style XML contenant les éléments à masquer ou non.
  
==Prérequis==
+
<!--T:41-->
Mapping Onyx 10.1 ou supérieur
+
Windows Registry Editor Version 5.00
 +
[HKEY_CURRENT_USER\SOFTWARE\Mapping\M-Designer\Settings]
 +
"GlobalStyle"="global.xml"
  
==Limites==
 
Dans le cas où la queue à copier comporte plusieurs devices, uniquement la première sera copiée.
 
  
==Fonctionnement==
+
<!--T:42-->
===Paramétrage===
+
Si le poste est utilisé par plusieurs utilisateurs différents, chacun peut avoir son propre fichier de style. Pour cela, dupliquer le fichier global.xml afin d'obtenir un fichier par utilisateur, par exemple : nicolas.xml , jerome.xml.
  
un nouveau paramètre est apparu dans le mapping.conf (section Expert path) :
+
<!--T:43-->
'''[PATH_SITE_MODEL]: ''' Permet de donner le nom du site ayant toutes les queues pouvant être copiées. (Site modèle).
+
Ensuite, adapter le fichier initGlobalStyle.reg pour chaque utilisateur afin de modifier leur clé de registre respective en fonction du style à appliquer.
  
 +
<!--T:44-->
 +
''Exemple :''
  
<block name="EXPERT PATH">
+
<!--T:45-->
    <group>
+
'''Nicolas :'''  
        <element>
+
Windows Registry Editor Version 5.00
          ...
+
[HKEY_CURRENT_USER\SOFTWARE\Mapping\M-Designer\Settings]
          '''<info name="[PATH_SITE_MODEL]">queue_models</info>'''
+
"GlobalStyle"="nicolas.xml"
          ...
 
        </element>
 
    </group>
 
  </block>
 
  
 
Cet entrée est créée automatiquement à l'installation de Mapping 10.1.
 
  
 +
<!--T:46-->
 +
'''Jérôme : '''
 +
Windows Registry Editor Version 5.00
 +
[HKEY_CURRENT_USER\SOFTWARE\Mapping\M-Designer\Settings]
 +
"GlobalStyle"="jerome.xml"
  
La valeur par défaut à l'installation est ''queue_models''
+
===Paramétrage du fichier XML=== <!--T:11-->
  
 +
<!--T:12-->
 +
Le fichier XML reprends les même balise que les autre fichier de style avec la balise <style>.
  
Le site en question n'est quand à lui pas créé.
+
<!--T:47-->
 +
On y ajoute une balise '''<ui>''' qui contiendra une liste de balises '''<menu>'''. Ces dernières correspondront au catégories, panneaux et boutons à afficher ou supprimer:
  
 +
<!--T:48-->
 +
<?xml version="1.0" encoding="utf-8"?>
 +
<style>
 +
        <ui>
 +
              <menu category="xxxxx" panel="xxxxx" id="xxxxx" status="on|off" />
 +
              <menu ... />
 +
                  ...
 +
        </ui>
 +
</style>
  
Il faudra le créer ainsi que créer les modèles de queues.
+
<!--T:13-->
 +
La balise menu peut avoir les attributs suivant:
  
===Interface===
+
<!--T:14-->
Un nouveau bouton est apparu dans la '''gestion des sites, imprimantes et points d'entrée'''.
+
*'''category''': indiquant le nom de la catégorie de l'élément
 +
*'''panel''': indiquant le nom du panel de l'élément
 +
*'''id''': indiquant le nom du bouton de l'élément
 +
*'''status''': valeur indiquant si l'élément doit s’afficher ('''“on”''') ou non ('''“off”''')
 +
<br>
  
 +
<!--T:15-->
 +
Dans l’exemple ci-dessous, le bouton “générer”, le panneau “insérer” et la catégorie “format” n’apparaitront pas dans M-Designer:
 +
<?xml version="1.0" encoding="utf-8"?>
 +
<style>
 +
        <ui>
 +
                <menu category="home" panel="generate" id="generate_btn" status="off"/>
 +
                <menu category="format" status="off"/>
 +
                <menu category="shape" panel="insert" status="off"/>
 +
        </ui>
 +
</style>
  
[[File:OX_S_CLONEQUEUE1.jpg|1000px|center|sans_cadre]]
+
<!--T:16-->
 +
Les '''éléments non renseignés''' sont au status '''“on”''' par défaut.
  
====Création du site modèle====
+
===Liste des noms=== <!--T:17-->
La première chose à faire est de créer le site modèle (portant par défaut le nom '''queue_models'''
 
Il faut également créer des modèles de queue à l'intérieur de celui-ci.
 
  
 +
<!--T:18-->
 +
Les panneaux et boutons se trouvant dans plusieurs catégories doivent être mis dans la catégorie Accueil (home) et seront supprimer dans toutes les catégories.
  
Dans notre exemple, le site modèle se nomme '''queue_models''' et ses queues '''queue1''', '''queue2''', '''queue3'''.
+
====Catégories==== <!--T:19-->
  
 +
<!--T:20-->
 +
Les catégories représentent au niveau de l'interface les onglets.
  
[[File:OX_S_CLONEQUEUE2.jpg|1000px|center|sans_cadre]]
+
<!--T:21-->
 +
[[File:OX_D_CUSTOM6.jpg|1000px|center|sans_cadre]]  
  
====Création d'une queue dans le site principal via la nouvelle fonctionnalité====
 
  
 +
<!--T:22-->
 +
{| class="wikitable"
 +
|-
 +
! Catégorie !! @category
 +
|-
 +
| Mise en forme || format
 +
|-
 +
| Accueil || home
 +
|-
 +
| Mapping || Mapping
 +
|-
 +
| Forme || shape
 +
|-
 +
| Affichage || view
 +
|}
  
A partir de maintenant, nous pouvons utiliser la nouvelle fonctionnalité de duplication de queues.
+
<!--T:49-->
 +
Exemple :
 +
<menu category="format" status="on"/>
 +
<menu category="view" status="off"/>
  
 +
====Panneaux==== <!--T:23-->
  
#Mettez vous au niveau du site principal (ou MAIN)
+
<!--T:24-->
#Cliquer sur l'icone '''Duplicate queue''' du site principal (le site principal est alors la destination de la copie)
+
Les catégories représentent au niveau de l'interface les blocs de boutons.
#L'écran suivant apparait alors :
 
  
 +
<!--T:25-->
 +
[[File:OX_D_CUSTOM7.jpg|1000px|center|sans_cadre]]
  
[[File:OX_S_CLONEQUEUE3.jpg|1000px|center|sans_cadre]]
 
  
 +
<!--T:26-->
 +
{| class="wikitable"
 +
|-
 +
! Panneaux !! @panel
 +
|-
 +
| Presse-papier || clipboard
 +
|-
 +
| Texte de la cellule || clipboard
 +
|-
 +
| Donnée || data
 +
|-
 +
| Positionner selon la grille || fit_to_grid
 +
|-
 +
| Formes || form
 +
|-
 +
| Générer || generate
 +
|-
 +
| Générer (composant) || generate_component
 +
|-
 +
| Insérer || insert
 +
|-
 +
| Insérer (Mapping) || insert_dynamic
 +
|-
 +
| Organiser || organize
 +
|-
 +
| Prévisualiser || preview
 +
|-
 +
| Redessiner || redraw
 +
|-
 +
| Styles || styles
 +
|-
 +
| Fenêtre || window
 +
|}
  
1 : Nom de la queue à créer (Obligatoire)<br>
+
<!--T:50-->
2 : Description de la queue à créer (Facultatif) Si vide alors on prends la valeur du nom de la queue et de la device <br>
+
Exemple :
  3 : Queue à copier (queue présente dans le site modèle)<br>
+
  <menu category="shape" panel="insert" status="on"/>
  4 : Bouton de création de la queue<br>
+
  <menu category="shape" panel="form" status="off"/>
  
 +
====Boutons==== <!--T:27-->
  
Dans notre exemple, nous entrons
+
<!--T:28-->
 +
Les catégories représentent au niveau de l'interface les boutons ou équivalents.
  
 +
<!--T:29-->
 +
[[File:OX_D_CUSTOM8.jpg|1000px|center|sans_cadre]]
  
1 : copyqueue1<br>
 
2 : (vide)<br>
 
3 : queue1<br>
 
<br>
 
La validation de cette écran créerai instantanément la queue '''copyqueue1''' à partir de la queue modèle '''queue1''' et vous serai redirigé vers l’écran de modification.
 
  
 +
<!--T:31-->
 +
[[File:OX_D_CUSTOM2.jpg|1000px|right|sans_cadre]]
 +
[[File:OX_D_CUSTOM3.jpg|1000px|right|sans_cadre]]
 +
[[File:OX_D_CUSTOM4.jpg|1000px|right|sans_cadre]]
 +
[[File:OX_D_CUSTOM5.jpg|1000px|right|sans_cadre]]
  
[[File:OX_S_CLONEQUEUE4.jpg|1000px|center|sans_cadre]]
 
  
  
Le nom de la queue et la description correspondent aux informations entrées dans l'écran précédent.
+
<!--T:30-->
La device (Printer) reprend les caractéristiques de la queue copiée. (queue1)
+
{| class="wikitable"
 +
|-
 +
! Boutons !! @id
 +
|-
 +
| Coller || paste
 +
|-
 +
| Couper || cut
 +
|-
 +
| Copier|| copy
 +
|-
 +
| Copier le format || copy_format
 +
|-
 +
| Dupliquer|| duplicate
 +
|-
 +
| Style du texte|| txt_style
 +
|-
 +
| alignement || txt_align
 +
|-
 +
| couleur de la police || font_color
 +
|-
 +
| générer || generate_btn
 +
|-
 +
| Association de projet|| associate
 +
|-
 +
| Exporter FDP || export_printer
 +
|-
 +
| Script || script
 +
|-
 +
| Envoi mapping || send
 +
|-
 +
| Envoi mapping multi || send_multi
 +
|-
 +
| Aperçu || preview_btn
 +
|-
 +
| Charger flux de données || open_spool
 +
|-
 +
| Aperçu multiple || multi_preview
 +
|-
 +
| Enregistrer apperçu || save_preview
 +
|-
 +
| Calque XPS || xps_layer
 +
|-
 +
| Délier spool || unlink_spool
 +
|-
 +
| Prétraitement XML || process_xml
 +
|-
 +
| Mettre dessus || layer_front
 +
|-
 +
| Mettre dessous || layer_back
 +
|-
 +
| Alignement || ids-alignment
 +
|-
 +
| Taille || ids_size
 +
|-
 +
| Rotation || ids_rotate
 +
|-
 +
| Aimanter|| magnet
 +
|-
 +
| Régler le pas de la grille || grid_setup
 +
|-
 +
| text || text_box
 +
|-
 +
| Image || image_box
 +
|-
 +
| Tableau statique || table_box
 +
|-
 +
| Sélection || selection
 +
|-
 +
| Ligne || line
 +
|-
 +
| Arc || arc
 +
|-
 +
| Carré || square
 +
|-
 +
| Rectangle|| rectangle
 +
|-
 +
| Rectangle arrondi|| curved_rectangle
 +
|-
 +
| Ellipse|| ellipse
 +
|-
 +
| Cercle || circle
 +
|-
 +
| Formes || figure
 +
|-
 +
| Couleur du contour || outline_color
 +
|-
 +
| Couleur de remplissage || padding_color
 +
|-
 +
| Epaisseur || weight
 +
|-
 +
| zone|| mapzone
 +
|-
 +
| Ancre|| anchor
 +
|-
 +
| Groupe Fixe || mapgroup
 +
|-
 +
| Groupe Variable || mapgroup_var
 +
|-
 +
| Commandes || commands
 +
|-
 +
| Sélection (onglet mapping) || mapselection
 +
|-
 +
| Ligne (onglet mapping) || mapline
 +
|-
 +
| Rectangle || maprectangle
 +
|-
 +
| text || maptext
 +
|-
 +
| Logo || maplogo
 +
|-
 +
| Graphique || mapgraph
 +
|-
 +
| Composant || mapcomponent
 +
|-
 +
| Elément variable || maplabel
 +
|}
  
 +
<!--T:51-->
 +
Exemple :
 +
<menu category="home" panel="preview" id="preview_btn" status="on"/>
 +
<menu category="home" panel="preview" id="open_spool" status="off"/>
  
Vous pouvez apporter les modifications que vous souhaitez et cliquer sur OK pour revenir sur la page principale.
+
<!--T:52-->
 +
<br clear=all>
  
 +
==Exemple 1 : Cacher le bouton "Generate Project"== <!--T:32-->
  
 +
<!--T:33-->
 +
Afin de cacher le bouton "Generate Project", il faut passer la ligne suivante du '''global.xml''' à la valeur OFF :
  
[[File:OX_S_CLONEQUEUE5.jpg|1000px|center|sans_cadre]]
+
<!--T:34-->
 +
<menu category="home" panel="generate" id="generate_btn" status="<span style="color:red">'''off'''</span>"/>
  
 +
==Exemple 2 : Cacher l'onglet "Home"== <!--T:35-->
  
La queue copyqueue1 avec sa device est créé dans le site MAIN.
+
<!--T:36-->
 +
Afin de cacher l'onglet "Home", il faut passer la ligne suivante du '''global.xml''' à la valeur OFF :
  
====Création de queues dans d'autres sites====
+
<!--T:37-->
 +
<menu category="home" status="<span style="color:red">'''off'''</span>"/>
  
 +
==Exemple 3 : Cacher le panel "Display"== <!--T:38-->
  
Il est également possible d'utiliser cette fonctionnalité à partir d'un autre site se situant dans le site principal (SITE1 dans mon exemple) ou dans un site situé dans ce site 1 (SITE11 dans mon exemple)
+
<!--T:39-->
 +
Afin de cacher l'onglet "display", il faut passer la ligne suivante du '''global.xml''' à la valeur OFF :
  
 +
<!--T:40-->
 +
<menu category="view" status="<span style="color:red">'''off'''</span>"/>
  
[[File:OX_S_CLONEQUEUE6.jpg|1000px|center|sans_cadre]]
 
  
 
</translate>
 
</translate>
 +
 +
mots clés : Interface designer, personnaliser Designer, Designer Custom, Designer light, Comment personnaliser l'interface de Designer

Version actuelle datée du 4 août 2020 à 08:42

Autres langues :
English • ‎français


Dans une prochaine version, il sera également possible de personnaliser les autres barres d'outils et fenêtres de Designer ainsi que de modifier les couleurs.

Prérequis

  • Designer Onyx 10.1 ou supérieur
  • Avoir le fichier global.xml dans le répertoire Styles du dossier d'installation de Designer
  • Exécuter le fichier initGlobalStyle.reg fourni avec le setup

Limites

  • Cette première version permets uniquement de modifier les boutons de la barre d'outils Ruban située en haut de l'écran. Les possibilités seront étendues à l'avenir...
  • Il n'est pas possible de cacher l'onglet Accueil
  • Il n'est pas possible de cacher des éléments de sélection de police et de taille de polices

Masquer des éléments du ruban

Il est possible de cacher certains boutons des onglets Home, Edit, Display et Shape

OX D CUSTOM1.jpg


L’ajout du Style global permet de masquer des catégories, des panels et des boutons à partir du fichier global.xml. Ce fichiers se trouve dans le dossier d’installation de M-Designer, dans le sous-dossier “Styles”.


Installation du fichier global.xml

Afin d’activer la personnalisation du ruban, il faut exécuter le fichier initGlobalStyle.reg. Ce dernier va ajouter une clé de registre avec le nom du fichier de style XML contenant les éléments à masquer ou non.

Windows Registry Editor Version 5.00
[HKEY_CURRENT_USER\SOFTWARE\Mapping\M-Designer\Settings]
"GlobalStyle"="global.xml"


Si le poste est utilisé par plusieurs utilisateurs différents, chacun peut avoir son propre fichier de style. Pour cela, dupliquer le fichier global.xml afin d'obtenir un fichier par utilisateur, par exemple : nicolas.xml , jerome.xml.

Ensuite, adapter le fichier initGlobalStyle.reg pour chaque utilisateur afin de modifier leur clé de registre respective en fonction du style à appliquer.

Exemple :

Nicolas :

Windows Registry Editor Version 5.00
[HKEY_CURRENT_USER\SOFTWARE\Mapping\M-Designer\Settings]
"GlobalStyle"="nicolas.xml"


Jérôme :

Windows Registry Editor Version 5.00
[HKEY_CURRENT_USER\SOFTWARE\Mapping\M-Designer\Settings]
"GlobalStyle"="jerome.xml"

Paramétrage du fichier XML

Le fichier XML reprends les même balise que les autre fichier de style avec la balise <style>.

On y ajoute une balise <ui> qui contiendra une liste de balises <menu>. Ces dernières correspondront au catégories, panneaux et boutons à afficher ou supprimer:

<?xml version="1.0" encoding="utf-8"?>
<style>
       <ui>
             <menu category="xxxxx" panel="xxxxx" id="xxxxx" status="on|off" />
             <menu ... />
                 ...
       </ui>
</style>

La balise menu peut avoir les attributs suivant:

  • category: indiquant le nom de la catégorie de l'élément
  • panel: indiquant le nom du panel de l'élément
  • id: indiquant le nom du bouton de l'élément
  • status: valeur indiquant si l'élément doit s’afficher (“on”) ou non (“off”)


Dans l’exemple ci-dessous, le bouton “générer”, le panneau “insérer” et la catégorie “format” n’apparaitront pas dans M-Designer:

<?xml version="1.0" encoding="utf-8"?>
<style>
        <ui>
               <menu category="home" panel="generate" id="generate_btn" status="off"/>
               <menu category="format" status="off"/>
               <menu category="shape" panel="insert" status="off"/>
        </ui>
</style>

Les éléments non renseignés sont au status “on” par défaut.

Liste des noms

Les panneaux et boutons se trouvant dans plusieurs catégories doivent être mis dans la catégorie Accueil (home) et seront supprimer dans toutes les catégories.

Catégories

Les catégories représentent au niveau de l'interface les onglets.

OX D CUSTOM6.jpg


Catégorie @category
Mise en forme format
Accueil home
Mapping Mapping
Forme shape
Affichage view

Exemple :

<menu category="format" status="on"/>
<menu category="view" status="off"/>

Panneaux

Les catégories représentent au niveau de l'interface les blocs de boutons.

OX D CUSTOM7.jpg


Panneaux @panel
Presse-papier clipboard
Texte de la cellule clipboard
Donnée data
Positionner selon la grille fit_to_grid
Formes form
Générer generate
Générer (composant) generate_component
Insérer insert
Insérer (Mapping) insert_dynamic
Organiser organize
Prévisualiser preview
Redessiner redraw
Styles styles
Fenêtre window

Exemple :

<menu category="shape" panel="insert" status="on"/>
<menu category="shape" panel="form" status="off"/>

Boutons

Les catégories représentent au niveau de l'interface les boutons ou équivalents.

OX D CUSTOM8.jpg


OX D CUSTOM2.jpg
OX D CUSTOM3.jpg
OX D CUSTOM4.jpg
OX D CUSTOM5.jpg


Boutons @id
Coller paste
Couper cut
Copier copy
Copier le format copy_format
Dupliquer duplicate
Style du texte txt_style
alignement txt_align
couleur de la police font_color
générer generate_btn
Association de projet associate
Exporter FDP export_printer
Script script
Envoi mapping send
Envoi mapping multi send_multi
Aperçu preview_btn
Charger flux de données open_spool
Aperçu multiple multi_preview
Enregistrer apperçu save_preview
Calque XPS xps_layer
Délier spool unlink_spool
Prétraitement XML process_xml
Mettre dessus layer_front
Mettre dessous layer_back
Alignement ids-alignment
Taille ids_size
Rotation ids_rotate
Aimanter magnet
Régler le pas de la grille grid_setup
text text_box
Image image_box
Tableau statique table_box
Sélection selection
Ligne line
Arc arc
Carré square
Rectangle rectangle
Rectangle arrondi curved_rectangle
Ellipse ellipse
Cercle circle
Formes figure
Couleur du contour outline_color
Couleur de remplissage padding_color
Epaisseur weight
zone mapzone
Ancre anchor
Groupe Fixe mapgroup
Groupe Variable mapgroup_var
Commandes commands
Sélection (onglet mapping) mapselection
Ligne (onglet mapping) mapline
Rectangle maprectangle
text maptext
Logo maplogo
Graphique mapgraph
Composant mapcomponent
Elément variable maplabel

Exemple :

<menu category="home" panel="preview" id="preview_btn" status="on"/>
<menu category="home" panel="preview" id="open_spool" status="off"/>


Exemple 1 : Cacher le bouton "Generate Project"

Afin de cacher le bouton "Generate Project", il faut passer la ligne suivante du global.xml à la valeur OFF :

<menu category="home" panel="generate" id="generate_btn" status="off"/>

Exemple 2 : Cacher l'onglet "Home"

Afin de cacher l'onglet "Home", il faut passer la ligne suivante du global.xml à la valeur OFF :

<menu category="home" status="off"/>

Exemple 3 : Cacher le panel "Display"

Afin de cacher l'onglet "display", il faut passer la ligne suivante du global.xml à la valeur OFF :

<menu category="view" status="off"/>


mots clés : Interface designer, personnaliser Designer, Designer Custom, Designer light, Comment personnaliser l'interface de Designer