Différences

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

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
wiki:application:catalogs [2018/04/23 09:43]
r.toma
wiki:application:catalogs [2018/04/23 09:45] (Version actuelle)
r.toma
Ligne 1: Ligne 1:
 <​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-ciIl 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]] : 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'applicationLorsqu'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 cataloguesCes 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]] : sélection du groupe pour l'enregistrement ​de la barre.\\ \\ +
-<btn type="​warning">​B</​btn>​ [[wiki:​application:​designparams#​notion_d_utilisateur|Utilisateur]] : 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]] 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'​applicationIl permet ​de gérer les **listes des requêtes** sélectionnables dans les listes déroulantesles 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 navigationsPour 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éfautorientation...).
-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]]