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: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-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]] : 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]] : 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'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]] |