| Les deux révisions précédentes Révision précédente | |
| wiki:application:catalogs [2018/04/23 07:44] – r.toma | wiki:application:catalogs [2018/04/23 07:45] (Version actuelle) – r.toma |
|---|
| <jumbotron> | <jumbotron> |
| ====== Personnalisation des menus ====== | ====== Présentation des catalogues ====== |
| </jumbotron> | </jumbotron> |
| | |
| | <lead> |
| | Les **catalogues** contiennent les éléments disponibles pour la personnalisation et le paramétrage de l'application. On peut distinguer deux types de catalogues : les catalogues utilisés pour la [[wiki:application:catalogs#Catalogues des éléménts visuels|personnalisation des éléments visuels]] {{icon>link?20&color=#008cba&rotate=90}} de l'application et les catalogues permettant de [[wiki:application:catalogs#Catalogues de paramétrage|paramétrer certains comportements]] {{icon>link?20&color=#008cba&rotate=90}} de l'application. Ils peuvent être consultés et modifiés via le [[wiki:application:catalogmanager|gestionnaire de catalogues]] {{fa>external-link?20&color=#008cba}}. |
| | </lead> |
| |
| <jumbotron> | <jumbotron> |
| ===== Barres de navigations personnalisées ===== | ===== Catalogues des éléménts visuels ===== |
| </jumbotron> | </jumbotron> |
| | Les éléments qui peuvent être créés en [[wiki:application:moduledesigner|mode design]] {{fa>external-link?14&color=#008cba}} et leurs propriétés proviennent tous de différents catalogues. Ces catalogues permettent d'ajouter des éléments visuels dans l'application et définissent quels éléments de personnalisation seront disponibles dans un contexte donné. |
| 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> | <jumbotron> |
| ==== Lancement du Designer ==== | ==== Catalogue de champs supplémentaires ==== |
| </jumbotron> | </jumbotron> |
| |
| 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.\\ \\ | Le **catalogue de champs supplémentaires** regroupe l'ensemble des contrôles instantiables pour les widgets. Ce catalogue permet de définir quels contrôles sont disponibles pour quels types de widget et est utilisé pour construire la liste des [[wiki:application:moduledesigner#controles_instantiables|contrôles instantiables]] {{fa>external-link?14&color=#008cba}} lorsqu'une widget est l'élément désigné en [[wiki:application:moduledesigner|mode design]] {{fa>external-link?14&color=#008cba}}.\\ \\ |
| | Le **catalogue de champs supplémentaires** contient également les [[wiki:application:modulepage#zones_layoutcontrol|zones]] {{fa>external-link?14&color=#008cba}} pouvant être ajoutées lorsque l'élément designé est une [[wiki:application:modulepage#Pages|page]] {{fa>external-link?14&color=#008cba}} et les contrôles accessibles lorsque l'élément designé est un [[wiki:application:moduledesigner_form|formulaire]] {{fa>external-link?14&color=#008cba}}.\\ \\ |
| <thumbnail> | Pour chacun de ces types d'éléments, le catalogue de champs supplémentaire défini les **propriétés** qui seront accessibles dans la liste des [[wiki:application:moduledesigner#proprietes|propriétés]] {{fa>external-link?14&color=#008cba}} du mode design. |
| {{ :wiki:application:customize_nav.png?nolink& }} | |
| <caption> | |
| <TEXT align="center"> | |
| === Lancer la personnalisation === | |
| </TEXT> | |
| </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> | <jumbotron> |
| ==== Présentation du Designer ==== | ==== Catalogue de widgets ==== |
| </jumbotron> | </jumbotron> |
| | Le **catalogue de widgets** regroupe l'ensemble des widgets instantiables pour les [[wiki:application:modulepage#Pages|pages]] {{fa>external-link?14&color=#008cba}} et les [[wiki:application:modulepage#zones_layoutcontrol|zones]] {{fa>external-link?14&color=#008cba}}. Ce catalogue permet de définir quelles widgets sont disponibles pour quels types de page et est utilisé pour construire la liste des [[wiki:application:moduledesigner#controles_instantiables|contrôles instantiables]] {{fa>external-link?14&color=#008cba}} lorsqu'une page ou une [[wiki:application:modulepage#zones_layoutcontrol|zone]] {{fa>external-link?14&color=#008cba}} est l'élément désigné en [[wiki:application:moduledesigner|mode design]] {{fa>external-link?14&color=#008cba}}.\\ \\ |
| 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. \\ \\ | Le **catalogue de widget** gère également les propriétés des différents types de widget. |
| | |
| <thumbnail> | |
| {{:wiki:application:nav_designer.png?nolink&}} | |
| <caption> | |
| <TEXT align="center"> | |
| === Designer de navigation personnalisée === | |
| </TEXT> | |
| </caption> | |
| </thumbnail> | |
| | |
| <well> | |
| <WRAP group> | |
| <WRAP half column> | |
| <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> [[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> | |
| | |
| <WRAP half column> | |
| <btn type="warning">D</btn> **Eléments disponibles** pour être ajoutés en tant que raccourcis.\\ \\ | |
| <btn type="warning">E</btn> **Propriétés du raccourcis sélectionné**. | |
| </WRAP> | |
| </WRAP> | |
| </well> | |
| |
| <jumbotron> | <jumbotron> |
| ==== Actions du Designer ==== | ==== Catalogue de templates ==== |
| </jumbotron> | </jumbotron> |
| | Le **catalogue de templates** contient tous les [[wiki:application:moduledesigner_template|templates]] {{fa>external-link?14&color=#008cba}} (et leurs propriétés) utilisables en [[wiki:application:moduledesigner|mode design]] {{fa>external-link?14&color=#008cba}}. Lorsqu'un nouveau template est créé en mode design, il est ajouté à ce catalogue. |
| Les **actions** permettent de gérer la barre de navigation personnalisée et le menu qu'elle contient. \\ \\ | |
| | |
| <thumbnail> | |
| {{:wiki:application:nav_designer_actions.png?nolink&}} | |
| <caption> | |
| <TEXT align="center"> | |
| === Actions du Designer === | |
| </TEXT> | |
| </caption> | |
| </thumbnail> | |
| | |
| <well> | |
| <WRAP group> | |
| <WRAP half column> | |
| <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> [[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">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">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> | <jumbotron> |
| === Ajouter un élément === | ==== Catalogue de formulaires ==== |
| </jumbotron> | </jumbotron> |
| | Le **catalogue de formulaires** contient tous les [[wiki:application:moduledesigner_form|formulaires]] {{fa>external-link?14&color=#008cba}} (et leurs propriétés) de l'application. Lorsqu'un nouveau formulaire est créé en mode design, il est ajouté à ce catalogue. |
| <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> | <jumbotron> |
| === Enregistrer les modifications pour... === | ===== Catalogues de paramétrage ===== |
| </jumbotron> | </jumbotron> |
| |
| L'action **Enregistrer les modifications pour...** permet d'effectuer un enregistrement de la barre en spécifiant des paramètres. \\ \\ | Certains **paramétrages** des éléments de l'application proviennent de catalogues. Ces catalogues permettent de définir les paramétres disponibles pour certains éléments visuels de l'application. |
| | |
| <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> | <jumbotron> |
| ==== Propriétés de la barre ==== | ==== Catalogue des types de page ==== |
| </jumbotron> | </jumbotron> |
| | Les **types de pages** disponibles pour les **modules** et paramétrables dans les éléments de menu ([[wiki:application:menus#actions|action de lancement de module]] {{fa>external-link?14&color=#008cba}}) proviennent d'un catalogue. Ce catalogue contient, pour chaque type de page, des **propriétés** permettant de définir un **comportement** et un rendu **visuel** pour le type de page en question. |
| |
| Cette zone permet de modifier les **propriétés de la barre** entourant le menu. \\ \\ | <callout type="info" title="Modules" icon="true"> |
| | La liste des types de page disponibles dans le catalogue est utilisée pour choisir quels types de page pourront être créées dans un module. |
| <thumbnail> | </callout> |
| {{: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> | <jumbotron> |
| ==== Ajouter des raccourcis ==== | ==== Catalogue des modules ==== |
| </jumbotron> | </jumbotron> |
| | Le **catalogue des modules** référence tous les types de module qui peuvent être créés au sein de l'application. Il contient également les propriétés de **comportement** et de rendu **visuel** des modules dans le [[wiki:application:modulepage#module_manager|module manager]] {{fa>external-link?14&color=#008cba}} ainsi que la liste des types de page qu'il est possible de créer pour chaque module.\\ \\ |
| 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. \\ \\ | Le catalogue de module est également utilisé pour définir le module lancé par l'action des éléments de menu ([[wiki:application:menus#actions|action de lancement de module]] {{fa>external-link?14&color=#008cba}}). |
| | |
| <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> | <jumbotron> |
| ==== Réorganiser les Raccourcis ==== | ==== Catalogue des requêtes ==== |
| </jumbotron> | </jumbotron> |
| | Le **catalogue des requêtes** contient toutes les requêtes paramétrables dans l'application. Il permet de gérer les **listes des requêtes** sélectionnables dans les listes déroulantes, les sections et les query des widgets DB en [[wiki:application:moduledesigner|mode design]] {{fa>external-link?14&color=#008cba}} ou [[wiki:application:widgetsquickcustomize#personnaliser_les_proprietes_de_la_widget|Quick Customize]] {{fa>external-link?14&color=#008cba}}, les filtres de recherche des requêtes... |
| 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> | <jumbotron> |
| ==== Modifier les propriétés des raccourcis ==== | ==== Catalogue des éditions ==== |
| </jumbotron> | </jumbotron> |
| | Le **catalogue des éditions** contient tous les paramètres nécessaires à l'exécution des éditions dans l'application (valeurs par défaut, orientation...). |
| 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> | <jumbotron> |
| ===== Menu Principal ===== | ==== Catalogue des scripts ==== |
| </jumbotron> | </jumbotron> |
| | Le **catalogue des scripts** contient tous les scripts créés dans l'application. |
| 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 ===== | ===== Références ===== |
| | * [[wiki:application:catalogmanager|Gestionnaire de catalogues]] |
| | * [[wiki:application:moduledesigner|Mode Design]] |
| | * [[wiki:application:modulepage|Module Manager - Page Manager - Page]] |
| | * [[wiki:application:moduledesigner_form|Formulaires]] |
| | * [[wiki:application:moduledesigner_template|Templates]] |
| * [[wiki:application:menus|Menus]] | * [[wiki:application:menus|Menus]] |
| * [[wiki:application:architecture|Architecture de l'application]] | * [[wiki:application:widgetsquickcustomize|Quick Customize]] |
| * [[wiki:application:designparams|Paramètres de personnalisation]] | |
| |
| ===== A voir ===== | ===== A voir ===== |
| * [[wiki:application:modulepage|Module Manager - Page Manager - Page]] | * [[wiki:application:menudesigner|Personnalisation des menus]] |
| * [[wiki:application:moduledesigner|Présentation du Mode Design]] | * [[wiki:application:designparams|Paramètres de personnalisation]] |
| * [[wiki:application:catalogs|Présentation des catalogues]] | * [[wiki:application:styleeditor|Editeur de styles]] |