Différences
Ci-dessous, les différences entre deux révisions de la page.
| Prochaine révision | Révision précédente | ||
|
wiki:application:menus [2018/04/04 15:19] r.toma créée |
wiki:application:menus [2018/04/23 09:15] (Version actuelle) r.toma |
||
|---|---|---|---|
| Ligne 4: | Ligne 4: | ||
| <lead> | <lead> | ||
| - | Il existe deux types de menus au sein de l'application : | + | Il existe deux types de menus au sein de l'application : \\ \\ |
| - | * Le [[wiki:application:menus#Menu Principal|menu principal]] qui regroupe toutes les [[wiki:application:menus#Actions|actions]] réalisables. | + | * Le [[wiki:application:menus#Menu Principal|menu principal]] {{icon>link?20&color=#008cba&rotate=90}} qui regroupe toutes les [[wiki:application:menus#Actions|actions]] {{icon>link?20&color=#008cba&rotate=90}} réalisables.\\ \\ |
| - | * Les [[wiki:application:menus#Navigations Personnalisées|navigations personnalisée]] qui contiennent des raccourcis vers des éléments du [[wiki:application:menus#Menu Principal|menu principal]]. | + | * Les [[wiki:application:menus#Barres de navigations personnalisées|navigations personnalisées]] {{icon>link?20&color=#008cba&rotate=90}} qui contiennent des raccourcis vers des éléments du [[wiki:application:menus#Menu Principal|menu principal]] {{icon>link?20&color=#008cba&rotate=90}}. |
| </lead> | </lead> | ||
| + | |||
| + | <jumbotron> | ||
| + | ===== Structure des menus ===== | ||
| + | </jumbotron> | ||
| + | |||
| + | Les menus sont constitués de plusieurs éléments. \\ \\ | ||
| + | |||
| + | <thumbnail> | ||
| + | {{ :wiki:application:menu_struct.png?nolink& }} | ||
| + | <caption> | ||
| + | <TEXT align="center"> | ||
| + | === Structure du menu === | ||
| + | </TEXT> | ||
| + | </caption> | ||
| + | </thumbnail> | ||
| + | |||
| + | <well> | ||
| + | <btn type="warning">A</btn> **Conteneur de menu** (TileControl): contient tous les autres éléments de menu.\\ \\ | ||
| + | <btn type="warning">B</btn> **Groupe** (TileGroup): contient les éléments de menu.\\ \\ | ||
| + | <btn type="warning">C</btn> **Elément de menu** (TileItem): déclenche une [[wiki:application:menus#Actions|action]] {{icon>link?14&color=#008cba&rotate=90}} ou ouvre un sous-menu.\\ \\ | ||
| + | <btn type="warning">D</btn> **Titre du groupe**. | ||
| + | </well> | ||
| <jumbotron> | <jumbotron> | ||
| Ligne 15: | Ligne 37: | ||
| Le **menu principal** de l'application regroupe tous les modules et toutes les fonctionnalités accessibles à l'utilisateur. \\ | Le **menu principal** de l'application regroupe tous les modules et toutes les fonctionnalités accessibles à l'utilisateur. \\ | ||
| - | Pour accéder au menu principal, effectuer un clic sur le bouton d'ouverture/fermeture du menu principal situé initialement dans la partie gauche de la zone haute de l'[[wiki:application:architecture#Application Manager|application manager]]. | + | Pour accéder au menu principal, effectuer un clic sur le bouton d'ouverture/fermeture du menu principal situé initialement dans la partie gauche de la zone haute de l'[[wiki:application:architecture#Application Manager|application manager]] {{fa>external-link?14&color=#008cba}}. \\ \\ |
| <thumbnail> | <thumbnail> | ||
| Ligne 26: | Ligne 48: | ||
| </thumbnail> | </thumbnail> | ||
| <well> | <well> | ||
| - | <btn type="warning">A</btn> **Zone de recherche** du menu principal : permet de trouver un élément de menu par son nom.\\ \\ | + | <btn type="warning">A</btn> [[wiki:application:menus#recherche|Zone de recherche]] {{icon>link?14&color=#008cba&rotate=90}} du menu principal : permet de trouver un élément de menu par son nom.\\ \\ |
| <btn type="warning">B</btn> Premier niveau de menu : contient les **catégories principales** du menu.\\ \\ | <btn type="warning">B</btn> Premier niveau de menu : contient les **catégories principales** du menu.\\ \\ | ||
| - | <btn type="warning">C</btn> Deuxième / dernier niveau de menu : contient les **sous-menus** et/ou les [[wiki:application:menus#Actions|éléments d'action]] du menu. | + | <btn type="warning">C</btn> Deuxième / dernier niveau de menu : contient les **sous-menus** et/ou les [[wiki:application:menus#Actions|éléments d'action]] {{icon>link?14&color=#008cba&rotate=90}} du menu. |
| </well> | </well> | ||
| Ligne 36: | Ligne 58: | ||
| Le menu principal est découpé en deux zones : | Le menu principal est découpé en deux zones : | ||
| - | * la première zone (initialement sur la partie gauche de l'[[wiki:application:architecture#Application Manager|application manager]]) contient le premier niveau de menu qui héberge les **catégories**. Les catégories ont pour fonction de grouper les éléments de menu. Lors du clic sur un élément de premier niveau du menu principal, un **sous-menu** est ouvert dans la seconde zone. | + | * la première zone (initialement sur la partie gauche de l'[[wiki:application:architecture#Application Manager|application manager]] {{fa>external-link?14&color=#008cba}}) affiche le premier niveau de menu qui héberge les **catégories**. Les catégories ont pour fonction de grouper les éléments de menu. Lors du clic sur un élément de premier niveau du menu principal, un **sous-menu** est ouvert dans la seconde zone. \\ \\ |
| - | * la seconde zone (initialement sur la partie droite de l'[[wiki:application:architecture#Application Manager|application manager]]) contient les éléments contenus dans les catégories de la première zone. Ces éléments peuvent être des [[wiki:application:menus#Actions|actions]] ou d'autres catégories qui feront apparaître un **sous-menu** remplaçant le sous menu actuel dans la seconde zone. | + | * la seconde zone (initialement sur la partie droite de l'[[wiki:application:architecture#Application Manager|application manager]] {{fa>external-link?14&color=#008cba}}) affiche les éléments contenus dans les catégories de la première zone. Ces éléments peuvent être des [[wiki:application:menus#Actions|actions]] {{icon>link?14&color=#008cba&rotate=90}} ou d'autres catégories qui feront apparaître un **sous-menu** remplaçant le sous-menu actuel dans la seconde zone. |
| <callout type="info" icon="true" title="Sous-menus"> | <callout type="info" icon="true" title="Sous-menus"> | ||
| - | <text size="large"> | + | Lorsque plusieurs sous-menus sont "enchaînés", il est possible de revenir au sous-menu précédent en utilisant la <tooltip html="true" title="{{:wiki:application:retour_menu.png?nolink}}">**flèche de retour**</tooltip>. |
| - | Lorsque plusieurs sous-menu sont "enchaînés", il est possible de revenir au sous-menu précédent en utilisant la <tooltip html="true" title="{{:wiki:application:retour_menu.png?nolink&}}">**flèche de retour**</tooltip>. | + | |
| - | </text> | + | |
| </callout> | </callout> | ||
| - | |||
| - | <jumbotron> | ||
| - | ==== Actions ==== | ||
| - | </jumbotron> | ||
| - | Les **actions** permettent de déclencher les différentes fonctionnalités de l'application : | ||
| - | * Lancer un **module** d'un type donnée (ouverture d'une fiche tiers, d'une commande...) | ||
| - | * Lancer une **édition** | ||
| - | * Lancer un **traitement** | ||
| - | * Exécuter une **macro** (enchaînement d'actions automatisé) | ||
| - | * Ouvrir un **sous-menu** | ||
| <jumbotron> | <jumbotron> | ||
| Ligne 59: | Ligne 69: | ||
| </jumbotron> | </jumbotron> | ||
| - | Le menu principal contient une **zone de recherche** qui permet de retrouver un élémént par son nom. La recherche filtre les éléments du menu lorsque les caratères sont saisis dans le champ. Les résultats sont affichés dans la partie droite de l'[[wiki:application:architecture#Application Manager|application manager]]. Les éléments affichés dans les résultats sont les éléments de dernier niveau du menu : les [[wiki:application:menus#Actions|actions]]. | + | Le menu principal contient une **zone de recherche** qui permet de retrouver un élément par son nom. La recherche filtre les éléments du menu lorsque les caractères sont saisis dans le champ. Les résultats sont affichés dans la partie droite de l'[[wiki:application:architecture#Application Manager|application manager]] {{fa>external-link?14&color=#008cba}}. Les éléments affichés dans les résultats sont les éléments de dernier niveau du menu : les [[wiki:application:menus#Actions|actions]] {{icon>link?14&color=#008cba&rotate=90}}. \\ \\ |
| <thumbnail> | <thumbnail> | ||
| Ligne 70: | Ligne 80: | ||
| </thumbnail> | </thumbnail> | ||
| <well> | <well> | ||
| - | |||
| <WRAP group> | <WRAP group> | ||
| <WRAP half column> | <WRAP half column> | ||
| <btn type="warning">A</btn> **Zone de recherche** du menu principal : permet de trouver un élément de menu par son nom.\\ \\ | <btn type="warning">A</btn> **Zone de recherche** du menu principal : permet de trouver un élément de menu par son nom.\\ \\ | ||
| - | <btn type="warning">B</btn> **Résultats de la recherche** : résultats filtrés selon le texte saisie dans la recherche.\\ \\ | + | <btn type="warning">B</btn> **Résultats de la recherche** : résultats filtrés selon le texte saisi dans la recherche. |
| </WRAP> | </WRAP> | ||
| <WRAP half column> | <WRAP half column> | ||
| - | <btn type="warning">C</btn> **Chemin d'accès** à l'élément : représente l'arborescence d'accès à l'élément. | + | <btn type="warning">C</btn> **Chemin d'accès** à l'élément : représente l'arborescence d'accès à l'élément.\\ \\ |
| - | <btn type="warning">D</btn> **Elément recherché** : représente l'arborescence d'accès à l'élément. | + | <btn type="warning">D</btn> **Elément recherché**. |
| </WRAP> | </WRAP> | ||
| </WRAP> | </WRAP> | ||
| Ligne 87: | Ligne 96: | ||
| </jumbotron> | </jumbotron> | ||
| - | Les éléments du menu principal peuvent être personnalisé en utilisant le [[wiki:application:menudesigner|designer de menu]]. | + | Les éléments du menu principal peuvent être personnalisés en utilisant le [[wiki:application:menudesigner|designer de menu]] {{fa>external-link?14&color=#008cba}}. |
| <callout type="warning" icon="true" title="Accès à la personnalisation"> | <callout type="warning" icon="true" title="Accès à la personnalisation"> | ||
| - | <text size="large"> | ||
| L'accès au **designer** de menu nécessite des droits d'**administrateur**. | L'accès au **designer** de menu nécessite des droits d'**administrateur**. | ||
| - | </text> | ||
| </callout> | </callout> | ||
| Ligne 98: | Ligne 105: | ||
| ===== Barres de navigations personnalisées ===== | ===== Barres de navigations personnalisées ===== | ||
| </jumbotron> | </jumbotron> | ||
| - | Les **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'Application Manager. \\ \\ | + | Les **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]] {{fa>external-link?14&color=#008cba}}.\\ \\ |
| <thumbnail> | <thumbnail> | ||
| Ligne 112: | Ligne 119: | ||
| <WRAP half column> | <WRAP half column> | ||
| <btn type="warning">A</btn> **Navigations personnalisées** : contiennent des raccourcis pour l'accès aux éléments de l'application.\\ \\ | <btn type="warning">A</btn> **Navigations personnalisées** : contiennent des raccourcis pour l'accès aux éléments de l'application.\\ \\ | ||
| - | <btn type="warning">B</btn> **Sous menu** : sous menu d'un élément de la navigation personnalisée. | + | <btn type="warning">B</btn> **Sous-menu** : sous-menu d'un élément de la navigation personnalisée. |
| </WRAP> | </WRAP> | ||
| <WRAP half column> | <WRAP half column> | ||
| Ligne 121: | Ligne 128: | ||
| </well> | </well> | ||
| - | Suivant l'**utilisateur** connecté à l'application, les barres de navigations peuvent être différentes et/ou contenir des éléments différents. Les propriétés et les éléments visibles dans les **barres de navigations personnalisées** peuvent être modifiés en utilisant le [[wiki:application:menudesigner|designer de menu]]. | + | Tout comme le menu principal, les éléments des barres de navigations personnalisées déclenchent des [[wiki:application:menus#Actions|actions]] {{icon>link?14&color=#008cba&rotate=90}} ou l'affichage de **sous-menu**. \\ \\ |
| + | |||
| + | Suivant l'**utilisateur** connecté à l'application, les barres de navigations peuvent être différentes et/ou contenir des éléments différents. Les propriétés et les éléments visibles dans les **barres de navigations personnalisées** peuvent être modifiés en utilisant le [[wiki:application:menudesigner|designer de menu]] {{icon>external-link?14&color=#008cba}}. | ||
| <callout type="warning" icon="true" title="Accès à la personnalisation"> | <callout type="warning" icon="true" title="Accès à la personnalisation"> | ||
| - | <text size="large"> | ||
| L'accès au **designer** de menu nécessite des droits d'**administrateur**. | L'accès au **designer** de menu nécessite des droits d'**administrateur**. | ||
| - | </text> | ||
| </callout> | </callout> | ||
| + | |||
| + | <jumbotron> | ||
| + | ===== Actions ===== | ||
| + | </jumbotron> | ||
| + | Les **actions** permettent de déclencher les différentes fonctionnalités de l'application : | ||
| + | * Lancer un **module** d'un type donné (ouverture d'une fiche tiers, d'une commande...) | ||
| + | * Lancer une **édition** | ||
| + | * Lancer un **traitement** | ||
| + | * Exécuter une **macro** (enchaînement d'actions automatisé) | ||
| + | * Ouvrir un **sous-menu** | ||
| + | |||
| + | ===== Références ===== | ||
| + | * [[wiki:application:architecture|Architecture de l'application]] | ||
| + | * [[wiki:application:menudesigner|Personnalisation des menus]] | ||
| + | |||
| + | ===== A voir ===== | ||
| + | * [[wiki:application:modulepage|Module Manager - Page Manager - Page]] | ||
| + | * [[wiki:application:widgetsquickcustomize|Widgets - Quick Customize]] | ||
| + | * [[wiki:application:moduledesigner|Présentation du Mode Design]] | ||