Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
|
wiki:application:menus [2018/04/13 18:32] r.toma |
wiki:application:menus [2018/04/23 09:15] (Version actuelle) r.toma |
||
|---|---|---|---|
| Ligne 5: | Ligne 5: | ||
| <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]] {{icon>link?20&color=#008cba&rotate=90|groupes}} qui regroupe toutes les [[wiki:application:menus#Actions|actions]] {{icon>link?20&color=#008cba&rotate=90|groupes}} 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#Barres de navigations personnalisées|navigations personnalisées]] {{icon>link?20&color=#008cba&rotate=90|groupes}} qui contiennent des raccourcis vers des éléments du [[wiki:application:menus#Menu Principal|menu principal]] {{icon>link?20&color=#008cba&rotate=90|groupes}}. | + | * 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> | ||
| Ligne 27: | Ligne 27: | ||
| <btn type="warning">A</btn> **Conteneur de menu** (TileControl): contient tous les autres éléments de menu.\\ \\ | <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">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|groupes}} ou ouvre un sous-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**. | <btn type="warning">D</btn> **Titre du groupe**. | ||
| </well> | </well> | ||
| Ligne 37: | 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]] {{fa>external-link?14&color=#008cba|groupes}}. \\ \\ | + | 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 48: | 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]] {{icon>link?14&color=#008cba&rotate=90|groupes}} 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 58: | 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]] {{fa>external-link?14&color=#008cba|groupes}}) 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 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]] {{fa>external-link?14&color=#008cba|groupes}}) 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|groupes}} 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"> | ||
| Ligne 69: | 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]] {{fa>external-link?14&color=#008cba|groupes}}. 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|groupes}}. \\ \\ | + | 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 83: | Ligne 83: | ||
| <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> | ||
| Ligne 96: | Ligne 96: | ||
| </jumbotron> | </jumbotron> | ||
| - | Les éléments du menu principal peuvent être personnalisé en utilisant le [[wiki:application:menudesigner|designer de menu]] {{fa>external-link?14&color=#008cba|groupes}}. | + | 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"> | ||
| Ligne 105: | 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'[[wiki:application:architecture#Application Manager|application manager]] {{fa>external-link?14&color=#008cba|groupes}}. \\ \\ | + | 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 128: | Ligne 128: | ||
| </well> | </well> | ||
| - | Tout comme le menu principal, les éléments des barres de navigations personnalisées déclenchent des [[wiki:application:menus#Actions|actions]] {{icon>anchor?14&color=#008cba|groupes}} ou l'affichage de **sous-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&rotate=90|groupes}}. | + | 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"> | ||
| Ligne 145: | Ligne 145: | ||
| * Exécuter une **macro** (enchaînement d'actions automatisé) | * Exécuter une **macro** (enchaînement d'actions automatisé) | ||
| * Ouvrir un **sous-menu** | * 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]] | ||