Différences

Ci-dessous, les différences entre deux révisions de la page.

--- wiki:application:menudesigner [2018/04/04 16:10]
r.toma créée
+++ wiki:application:menudesigner [2018/04/23 09:45] (Version actuelle)
r.toma
@@ Ligne 7: / Ligne 7: @@
 </jumbotron>
-Les [[wiki:application:menus#Barres de navigations personnalisées|navigations personnalisées]] sont des menus constitués de **raccourcis** (raccourcis d'ouverture de module, de traitement, d'édition...) que l'on retrouve au niveau de l'[[wiki:application:architecture#Application Manager|application Manager]].
+Les [[wiki:application:menus#Barres de navigations personnalisées|navigations personnalisées]] {{fa>external-link?14&color=#008cba}} sont des menus constitués de **raccourcis** (raccourcis d'ouverture de module, de traitement, d'édition...) que l'on retrouve au niveau de l'[[wiki:application:architecture#Application Manager|application Manager]] {{fa>external-link?14&color=#008cba}}.
 <jumbotron>
@@ Ligne 13: / Ligne 13: @@
 </jumbotron>
-Pour personnaliser les [[wiki:application:menus#Barres de navigations personnalisées|navigations personnalisées]], effectuer un clic droit sur celle-ci et cliquer sur l'élement **Customization**. Le [[wiki:application:menudesigner#Présentation du Designer|designer]] se charge et affiche les propriétés de la barre sélectionnée lors du lancement.\\
+Pour personnaliser une [[wiki:application:menus#Barres de navigations personnalisées|navigation]] {{fa>external-link?14&color=#008cba}}, effectuer un clic droit sur celle-ci et cliquer sur l'élement **Personnaliser (Customize)**. Le [[wiki:application:menudesigner#Présentation du Designer|designer]] {{icon>link?14&color=#008cba&rotate=90}} se charge et affiche les propriétés de la barre sélectionnée lors du lancement.\\ \\
 <thumbnail>
@@ Ligne 23: / Ligne 23: @@
 </caption>
 </thumbnail>
+<callout type="warning" icon="true" title="Accès à la personnalisation">
+L'accès au **designer** de menu nécessite des droits d'**administrateur**.
+</callout>
 <jumbotron>
@@ Ligne 28: / Ligne 32: @@
 </jumbotron>
-Le **Designer** de barres de [[wiki:application:menus#Barres de navigations personnalisées|navigations personnalisées]] permet de modifier les **raccourcis** contenus dans celles-ci. Il permet également de modifier la **disposition** et la **visibilité** de la barre de navigation concernée. Il est constitué de plusieurs zones décrites ci-dessous.
+Le **Designer** de barres de [[wiki:application:menus#Barres de navigations personnalisées|navigations personnalisées]] {{fa>external-link?14&color=#008cba}} permet de modifier les **raccourcis** contenus dans celles-ci. Il permet également de modifier la **disposition** et la **visibilité** de la barre de navigation concernée. Il est constitué de plusieurs zones décrites ci-dessous. \\ \\
 <thumbnail>
@@ Ligne 42: / Ligne 46: @@
 <WRAP group>
 <WRAP half column>
-<btn type="warning">A</btn> Zone des **actions** : contient les différentes actions réalisables pour la **gestion de la navigation personnalisée**.\\ \\
+<btn type="warning">A</btn> [[wiki:application:menudesigner#actions_du_designer|Actions]] {{icon>link?14&color=#008cba&rotate=90}} : contient les différentes actions réalisables pour la **gestion de la navigation personnalisée**.\\ \\
-<btn type="warning">B</btn> **Propriétés de la barre**.\\ \\
+<btn type="warning">B</btn> [[wiki:application:menudesigner#Propriétés de la barre|Propriétés de la barre]] {{icon>link?14&color=#008cba&rotate=90}}.\\ \\
 <btn type="warning">C</btn> **Raccourcis** contenus dans la barre.
 </WRAP>
@@ Ligne 58: / Ligne 62: @@
 </jumbotron>
-Les **actions** permettent de gérer la barre de navigation personnalisée.
+Les **actions** permettent de gérer la barre de navigation personnalisée et le menu qu'elle contient. \\ \\
 <thumbnail>
@@ Ligne 72: / Ligne 76: @@
 <WRAP group>
 <WRAP half column>
-<btn type="warning">A</btn> **Ajouter une barre ** : ajoute une nouvelle barre de navigation personnalisée.\\ \\
+<btn type="warning">A</btn> **Ajouter une barre** : ajoute une nouvelle barre de navigation personnalisée.\\ \\
 <btn type="warning">B</btn> **Editer une barre** : ouvre le <tooltip html="true" title="{{:wiki:application:nav_designer_action_edit.png?nolink}}">**menu des barres disponibles**</tooltip>. Un clic sur une barre lance l'édition de celle-ci.\\ \\
 <btn type="warning">C</btn> **Importer une barre** : permet d'importer une barre.\\ \\
 <btn type="warning">D</btn> **Supprimer** : supprime la barre et le menu associé.\\ \\
-<btn type="warning">E</btn> **Ajouter un élément** : liste les éléments pouvant être ajoutés. Un clic sur l'élément l'ajoute à la barre.\\ \\
+<btn type="warning">E</btn> [[wiki:application:menudesigner#Ajouter un élément|Ajouter un élément]] {{icon>link?14&color=#008cba&rotate=90}} : liste les éléments pouvant être ajoutés. Un clic sur l'élément l'ajoute à la barre.
 </WRAP>
 <WRAP half column>
-<btn type="warning">F</btn> **Supprimer un élément** : supprime l'élément actuellement sélectionné.
+<btn type="warning">F</btn> **Supprimer un élément** : supprime l'élément actuellement sélectionné.\\ \\
-<btn type="warning">G</btn> **Annuler les modifications** : Annules toutes les modifications depuis la dernière sauvegarde.
+<btn type="warning">G</btn> **Annuler les modifications** : annule toutes les modifications depuis la dernière sauvegarde.\\ \\
-<btn type="warning">H</btn> **Enregistrer les modifications**.
+<btn type="warning">H</btn> **Enregistrer les modifications**.\\ \\
-<btn type="warning">I</btn> **Enregistrer les modifications pour...** : enregistre les modifications avec paramètres.
+<btn type="warning">I</btn> [[wiki:application:menudesigner#Enregistrer les modifications pour...|Enregistrer les modifications pour...]] {{icon>link?14&color=#008cba&rotate=90}} : enregistre les modifications avec paramètres.
 </WRAP>
 </WRAP>
 </well>
+<jumbotron>
+=== Ajouter un élément ===
+</jumbotron>
+<thumbnail>
+{{ :wiki:application:nav_designer_action_addelement.png?nolink& }}
+<caption>
+<TEXT align="center">
+=== Ajouter un élément ===
+</TEXT>
+</caption>
+</thumbnail>
+L'action **ajouter un élément** permet de modifier le contenu du menu de la barre. Les éléments disponibles à l'ajout dépendent du type d'élément actuellement sélectionné dans la zone de raccourcis. \\ \\
+Les éléments pouvant être ajoutés sont :
+  * Des **macros**
+  * Des **sous-menus**
+  * Des **groupes**
+  * Des **conteneurs**
+L'élément ajouté se retrouve dans la zone des raccourcis et peut alors être personnalisé.
+<jumbotron>
+=== Enregistrer les modifications pour... ===
+</jumbotron>
+L'action **Enregistrer les modifications pour...** permet d'effectuer un enregistrement de la barre en spécifiant des paramètres. \\ \\
+<thumbnail>
+{{ :wiki:application:nav_designer_action_savefor.png?nolink& }}
+<caption>
+<TEXT align="center">
+=== Ajouter un élément ===
+</TEXT>
+</caption>
+</thumbnail>
+<well>
+<btn type="warning">A</btn> [[wiki:application:designparams#notion_de_groupe|Groupe]] {{fa>external-link?14&color=#008cba}} : sélection du groupe pour l'enregistrement de la barre.\\ \\
+<btn type="warning">B</btn> [[wiki:application:designparams#notion_d_utilisateur|Utilisateur]] {{fa>external-link?14&color=#008cba}} : sélection de l'utilisateur pour l'enregistrement de la barre.\\ \\
+<btn type="warning">C</btn> **Skin** : sélection de la Skin pour l'enregistrement de la barre.
+</well>
+<jumbotron>
+==== Propriétés de la barre ====
+</jumbotron>
+Cette zone permet de modifier les **propriétés de la barre** entourant le menu. \\ \\
+<thumbnail>
+{{:wiki:application:nav_designer_dockprops.png?nolink&}}
+<caption>
+<TEXT align="center">
+=== Ajouter un élément ===
+</TEXT>
+</caption>
+</thumbnail>
+<well>
+<WRAP group>
+<WRAP half column>
+<btn type="warning">A</btn> **Titre** de la barre de navigation.\\ \\
+<btn type="warning">B</btn> **Position** de la barre de navigation.\\ \\
+<btn type="warning">C</btn> **Largeur** de la barre de navigation.\\ \\
+<btn type="warning">D</btn> **Hauteur** de la barre de navigation.
+</WRAP>
+<WRAP half column>
+<btn type="warning">E</btn> **Visibilité** de la barre de navigation. \\ \\
+<btn type="warning">F</btn> **Masquage automatique** de la barre de navigation.\\ \\
+<btn type="warning">G</btn> **Afficher le titre** de la barre de navigation.\\ \\
+<btn type="warning">H</btn> **Boutons à afficher** dans le titre de la barre de navigation.
+</WRAP>
+</WRAP>
+</well>
+<jumbotron>
+==== Ajouter des raccourcis ====
+</jumbotron>
+Pour **ajouter des raccourcis** dans les navigations personnalisées il suffit de **glisser** l'élément ou le groupe d'élément que l'on veut rendre accessible. \\ \\
+<thumbnail>
+{{ :wiki:application:nav_designer_drag.png?nolink& }}
+<caption>
+<TEXT align="center">
+=== Ajout de l'élément Groupes Articles dans la navigation personnalisée ===
+</TEXT>
+</caption>
+</thumbnail>
+La partie de droite <btn type="warning">B</btn> représente les éléments disponibles dans le [[wiki:application:menus#menu_principal|menu principal]] {{fa>external-link?14&color=#008cba}} de l'application, élément pour lesquels des raccourcis peuvent être créés. \\ \\
+La partie de gauche <btn type="warning">A</btn> représente les éléments déjà présents dans la barre de navigation. \\ \\
+Glisser un élément de la partie de droite vers la partie de gauche permet d'ajouter cet élément dans la barre de navigation.
+<callout type="info" icon="true" title="Type d'élément">
+Suivant le **type** de l'élément sélectionné, il sera possible ou non de faire le glisser-déposer à l'endroit désiré.
+</callout>
+<jumbotron>
+==== Réorganiser les Raccourcis ====
+</jumbotron>
+Il est possible de **réorganiser/réordonner** les raccourcis dans les barres de navigations. Pour celà, il suffit de faire un glisser-déposer dans la liste des raccourcis (liste de gauche dans le designer).
+<callout type="info" icon="true" title="Type d'élément">
+Suivant le **type** de l'élément sélectionné, il sera possible ou non de faire le glisser-déposer à l'endroit désiré.
+</callout>
+<jumbotron>
+==== Modifier les propriétés des raccourcis ====
+</jumbotron>
+Pour **modifier les propriétés** d'un élément d'une barre de navigation personnalisée, sélectionner l'élément à modifier dans la liste de gauche. Les propriétés disponibles s'affichent alors dans la zone droite du **Designer**.
+<callout type="info" icon="true" title="Type d'élément">
+Suivant le **type** de l'élément sélectionné, les **propriétés** accessibles à la modification seront différentes.
+</callout>
+<accordion>
+<panel title="Exemple de propriétés pour un conteneur de menu">
+<thumbnail>
+{{ :wiki:application:nav_designer_containerprops.png?nolink& }}
+<caption>
+<TEXT align="center">
+=== Exemple de propriétés pour un conteneur de menu ===
+</TEXT>
+</caption>
+</thumbnail>
+</panel>
+<panel title="Exemples de propriétés pour un raccourcis de module">
+<thumbnail>
+{{ :wiki:application:nav_designer_moduleprops.png?nolink& }}
+<caption>
+<TEXT align="center">
+=== Exemple de propriétés pour un raccourcis de module ===
+</TEXT>
+</caption>
+</thumbnail>
+</panel>
+</accordion>
+<jumbotron>
+===== Menu Principal =====
+</jumbotron>
+La personnalisation du menu principal est identique à celle des barres de navigations personnalisées à l'exception de :
+  * Le **lancement du designer** se fait par un clic droit dans la zone des catégories du menu principal.
+  * Le **designer** du menu principal ne possède pas de zone d'action.
+  * Le **designer** du menu principal ne possède pas de zone contenant les propriétés de la barre.
+  * Le **designer** du menu principal ne possède pas de fonctionnalité d'ajout de raccourcis.
+===== Références =====
+  * [[wiki:application:menus|Menus]]
+  * [[wiki:application:architecture|Architecture de l'application]]
+  * [[wiki:application:designparams|Paramètres de personnalisation]]
+===== A voir =====
+  * [[wiki:application:modulepage|Module Manager - Page Manager - Page]]
+  * [[wiki:application:moduledesigner|Présentation du Mode Design]]
+  * [[wiki:application:catalogs|Présentation des catalogues]]