Différences

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

--- wiki:application:moduledesigner [2018/04/16 10:15]
r.toma
+++ wiki:application:moduledesigner [2018/04/23 10:31] (Version actuelle)
r.toma
@@ Ligne 28: / Ligne 28: @@
 ===== Fenêtre de Design =====
 </jumbotron>
-La **fenêtre de design** regroupe les éléments permettant la [[wiki:application:moduledesigner_page_widget|personnalisation des pages]] {{fa>external-link?14&color=#008cba}}, la gestion de [[wiki:application:moduledesigner_template|templates]] {{fa>external-link?14&color=#008cba}} et de **formulaires**...\\ \\
+La **fenêtre de design** regroupe les éléments permettant la [[wiki:application:moduledesigner_page_widget|personnalisation des pages]] {{fa>external-link?14&color=#008cba}}, la gestion de [[wiki:application:moduledesigner_template|templates]] {{fa>external-link?14&color=#008cba}} et de [[wiki:application:moduledesigner_form|formulaires]]...\\ \\
 <thumbnail>
@@ Ligne 74: / Ligne 74: @@
 <WRAP half column>
 <btn type="warning">A</btn> **Type de page** : liste des types de page disponibles (la sélection correspond au type de page en cours de design).\\ \\
-<btn type="warning">B</btn> **Langue** : liste des langues disponibles (la sélection correpond à la langue choisie pour le design en cours).\\ \\
+<btn type="warning">B</btn> [[wiki:application:designparams#notion_de_langue|Langue]] {{fa>external-link?14&color=#008cba}} : liste des langues disponibles (la sélection correpond à la langue choisie pour le design en cours).\\ \\
-<btn type="warning">C</btn> **Changer le thème** : liste des thèmes disponibles.\\ \\
+<btn type="warning">C</btn> **Changer le [[wiki:application:designparams#notion_de_theme|thème]]** {{fa>external-link?14&color=#008cba}} : liste des thèmes disponibles.\\ \\
 <btn type="warning">D</btn> **Cloner à partir d'un thème** : permet d'appliquer le design d'un thème sur le thème en cours.\\ \\
-<btn type="warning">E</btn> **Menu des templates** : permet de gérer le design des template.\\ \\
+<btn type="warning">E</btn> **Menu des [[wiki:application:moduledesigner_template|templates]]** {{fa>external-link?14&color=#008cba}} : permet de gérer le design des templates.\\ \\
-<btn type="warning">F</btn> **Fenêtres de paramètres** : permet de gérer le design des formulaires.\\ \\
+<btn type="warning">F</btn> [[wiki:application:moduledesigner_form|Fenêtres de paramètres]] {{fa>external-link?14&color=#008cba}} : permet de gérer le design des formulaires.\\ \\
 <btn type="warning">G</btn> **Sauvegarder** : sauvegarde les modifications.\\ \\
 <btn type="warning">H</btn> **Retour** : permet de revenir à l'élément précédent.
@@ Ligne 84: / Ligne 84: @@
 <WRAP half column>
 <btn type="warning">I</btn> **Modifier** : permet de rentrer en design sur l'élément sélectionné.\\ \\
-<btn type="warning">J</btn> **Largeur de la zone de design** : largeur du container de l'élément designé.\\ \\
+<btn type="warning">J</btn> **Largeur de la zone de design** : largeur du conteneur de l'élément designé.\\ \\
-<btn type="warning">K</btn> **Hauteur de la zone de design** : hauteur du container de l'élément designé.\\ \\
+<btn type="warning">K</btn> **Hauteur de la zone de design** : hauteur du conteneur de l'élément designé.\\ \\
 <btn type="warning">L</btn> **Thème sélectionné** : thème en cours pour l'élément designé.\\ \\
 <btn type="warning">M</btn> **Skin sélectionnée** : skin en cours pour l'élément designé.\\ \\
-<btn type="warning">N</btn> **Groupe** : groupe d'utilisateur pour lequel l'élément est designé.\\ \\
+<btn type="warning">N</btn> [[wiki:application:designparams#notion_de_groupe|Groupe]] {{fa>external-link?14&color=#008cba}} : groupe d'utilisateur pour lequel l'élément est designé.\\ \\
-<btn type="warning">O</btn> **Utilisateur** : utilisateur pour lequel l'élément est designé.\\ \\
+<btn type="warning">O</btn> [[wiki:application:designparams#notion_d_utilisateur|Utilisateur]] {{fa>external-link?14&color=#008cba}} : utilisateur pour lequel l'élément est designé.\\ \\
-<btn type="warning">P</btn> **Paramètres** : ouvre la fenêtre de paramètres du mode design.
+<btn type="warning">P</btn> [[wiki:application:moduledesigner#parametres|Paramètres]] {{icon>link?14&color=#008cba&rotate=90}} : ouvre la fenêtre de paramètres du mode design.
 </WRAP>
 </WRAP>
@@ Ligne 118: / Ligne 118: @@
 <btn type="warning">D</btn> **Aide** : affiche une <tooltip html="true" title="{{:wiki:application:designer_controldesc.png?nolink}}">**description du contrôle**</tooltip>.
 </well>
-Lorsqu'un nouveau type de contrôle est ajouté, une fenêtre apparait dans lequel le nom du contrôle peut être renseigner. Une fois que le nom est renseigné, le nouveau contrôle apparait dans la liste des [[:wiki:application:moduledesigner#Contrôles disponibles|contrôles disponibles]] {{icon>link?14&color=#008cba&rotate=90}}.
+Lorsqu'un nouveau type de contrôle est ajouté, une fenêtre apparait dans lequel le nom du contrôle peut être renseigné. Une fois que le nom est renseigné, le nouveau contrôle apparait dans la liste des [[:wiki:application:moduledesigner#Contrôles disponibles|contrôles disponibles]] {{icon>link?14&color=#008cba&rotate=90}}.
 </WRAP>
 </WRAP>
@@ Ligne 149: / Ligne 149: @@
 </WRAP>
 <callout type="warning" title="Partage des contrôles" icon="true">
-La liste des **contrôles** disponibles est commune entre les différents thèmes de l'élément designé. Si un contrôle disponible est supprimé pour un thème, il sera indisponible dans tous les autres thèmes.
+La liste des **contrôles disponibles** est commune entre les différents thèmes de l'élément designé. Si un contrôle disponible est supprimé pour un thème, il sera indisponible dans tous les autres thèmes.
 </callout>
@@ Ligne 169: / Ligne 169: @@
 L'**arborescence de l'élément** représente la structure qui constitue l'élément en cours de design. Cette structure est composée de **groupes** imbriquables et d'**items** contenant les **contrôles**. Elle contient également des **éléments annexes** tels que des séparateurs, des légendes...
 <well>
-<btn type="warning">A</btn> **Boutons déplacer vers le haut/bas** : déplace l'élément sélectionné dans la liste dans la direction choisie.\\ \\
+<btn type="warning">A</btn> **Boutons déplacer vers le haut/bas** : déplace l'élément sélectionné dans la direction choisie.\\ \\
 <btn type="warning">B</btn> **Ajouter un groupe** : ajoute un groupe dans l'arborescence.\\ \\
 <btn type="warning">C</btn> **Ajouter un élément annexe** : permet d'ajouter des séparateurs, des légendes...\\ \\
@@ Ligne 178: / Ligne 178: @@
 </WRAP>
 <callout type="info" title="Modification de l'arborescence" icon="true">
-Toutes les modifications effectuées dans l'arborescence de l'élément sont instantanément répertcutées dans l'[[:wiki:application:moduledesigner#Visualisation du design|élément en cours de design]] {{icon>link?14&color=#008cba&rotate=90}}.
+Toutes les modifications effectuées dans l'arborescence de l'élément sont instantanément répercutées dans l'[[:wiki:application:moduledesigner#Visualisation du design|élément en cours de design]] {{icon>link?14&color=#008cba&rotate=90}}.
 </callout>
@@ Ligne 215: / Ligne 215: @@
 ==== Visualisation du design ====
 </jumbotron>
-Les **contrôles** et les modifications apportées aux **propriétés** sont visibles dans la zone de **visualisation du design**. Cette zone est également interactive, les éléments peuvent être **sélectionnés**, **réorganisés** et **redimensionnés**.\\ \\
+Les **contrôles** et les modifications apportées aux **propriétés** sont visibles dans la zone de **visualisation du design**. Cette zone est également interactive, les éléments peuvent y être **sélectionnés**, **réorganisés** et **redimensionnés**.\\ \\
 <thumbnail>
 {{ :wiki:application:designer_element.png?nolink }}
@@ Ligne 256: / Ligne 256: @@
 </jumbotron>
-Le mode design peut être **paramétré** dans le but de réaliser un design pour un **groupe d'utilisateur** et / ou un **utilisateur** en particulier. Cela implique que des utilisateurs, ayant des rôles différents dans l'application, peuvent avoir des pages différentes pour un même module (exemple : les tableaux de bord). D'autres paramètres tels que la **langue** ou la **skin** peuvent aussi être modifiés.\\ \\
+Le mode design peut être **paramétré** dans le but de réaliser un design pour un [[wiki:application:designparams#notion_de_groupe|groupe d'utilisateur]] {{fa>external-link?14&color=#008cba}} et / ou un [[wiki:application:designparams#notion_d_utilisateur|utilisateur]] {{fa>external-link?14&color=#008cba}} en particulier. Cela implique que des utilisateurs, ayant des rôles différents dans l'application, peuvent avoir des pages différentes pour un même module (exemple : les tableaux de bord). D'autres paramètres tels que la [[wiki:application:designparams#notion_de_langue|langue]] {{fa>external-link?14&color=#008cba}} ou la **skin** peuvent aussi être modifiés.\\ \\
 Pour accéder à la fenêtre de paramétrage, cliquer le bouton <tooltip html="true" title="{{:wiki:application:designer_settings.png?nolink}}">**Paramètres**</tooltip> situé dans la [[:wiki:application:moduledesigner#Zone d'actions|zone d'actions]] {{icon>link?14&color=#008cba&rotate=90}}.\\ \\
@@ Ligne 274: / Ligne 274: @@
 <btn type="warning">B</btn> **Thème par défaut** : thème par défaut de l'application.\\ \\
 <btn type="warning">C</btn> **Skin par défaut** : skin par défaut de l'application.\\ \\
-<btn type="warning">D</btn> **Dossier des préférences**.\\ \\
+<btn type="warning">D</btn> **Emplacement des préférences**.\\ \\
-<btn type="warning">E</btn> **Dossier des catalogues**.
+<btn type="warning">E</btn> **Emplacement des catalogues**.
 </WRAP>
 <WRAP half column>
-<btn type="warning">F</btn> **Dossier des images**.\\ \\
+<btn type="warning">F</btn> **Emplacement des images**.\\ \\
-<btn type="warning">G</btn> **Dossier des styles**.\\ \\
+<btn type="warning">G</btn> **Emplacement des styles**.\\ \\
 <btn type="warning">H</btn> **Groupe** : groupe pour lequel le design est réalisé.\\ \\
 <btn type="warning">I</btn> **Utilisateur** : utilisateur pour lequel le design est réalisé.\\ \\
@@ Ligne 289: / Ligne 289: @@
 Pour paramétrer le design pour un utilsateur, il faut en amont sélectionner le groupe dans lequel se trouve l'utilisateur dans la fenêtre de paramétrage.
 </callout>
+===== Références =====
+  * [[wiki:application:menus|Menus]]
+  * [[wiki:application:modulepage|Module Manager - Page Manager - Page]]
+  * [[wiki:application:moduledesigner_page_widget|Personnalisation des pages / widgets]]
+  * [[wiki:application:moduledesigner_template|Templates]]
+  * [[wiki:application:architecture|Architecture de l'application]]
+  * [[wiki:application:designparams|Paramètres de personnalisation]]
+===== A voir =====
+  * [[wiki:application:menudesigner|Personnalisation des menus]]
+  * [[wiki:application:widgetsquickcustomize|Widgets - Quick Customize]]
+  * [[wiki:application:styleeditor|Editeur de styles]]