wiki:application:moduledesigner_page_widget

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:moduledesigner_page_widget [2018/04/16 08:20] r.tomawiki:application:moduledesigner_page_widget [2018/04/23 08:49] (Version actuelle) r.toma
Ligne 98: Ligne 98:
 Il est possible d'**ajouter des contrôles** dans les pages et dans les widgets : Il est possible d'**ajouter des contrôles** dans les pages et dans les widgets :
   * Pour les pages, les contrôles disponibles sont les [[wiki:application:modulepage#zones_layoutcontrol|zones]] {{fa>external-link?14&color=#008cba}} et les [[wiki:application:architecture#widgets|widgets]] {{fa>external-link?14&color=#008cba}}. Suivant le type de page sélectionné, les contrôles disponibles seront plus ou moins nombreux.\\ \\   * Pour les pages, les contrôles disponibles sont les [[wiki:application:modulepage#zones_layoutcontrol|zones]] {{fa>external-link?14&color=#008cba}} et les [[wiki:application:architecture#widgets|widgets]] {{fa>external-link?14&color=#008cba}}. Suivant le type de page sélectionné, les contrôles disponibles seront plus ou moins nombreux.\\ \\
-  * Pour les widgets, les contrôles disponibles sont les **champs supplémentaires (AddFields)**. Les champs supplémentaires correspondent à tous les éléments visuels de l'application (grilles, boutons, cases à cocher, champs texte...).+  * Pour les widgets, les contrôles disponibles sont les [[wiki:application:catalogs#Catalogue de champs supplémentaires|champs supplémentaires (AddFields)]]. Les champs supplémentaires correspondent à tous les éléments visuels de l'application (grilles, boutons, cases à cocher, champs texte...).
  
 Pour ajouter un contrôle à l'élément en cours de design (page ou widget), cliquer sur le bouton **ajouter** présent dans la zone des [[wiki:application:moduledesigner#controles_instantiables|contrôles instantiables]] {{fa>external-link?14&color=#008cba}}.\\ \\ Pour ajouter un contrôle à l'élément en cours de design (page ou widget), cliquer sur le bouton **ajouter** présent dans la zone des [[wiki:application:moduledesigner#controles_instantiables|contrôles instantiables]] {{fa>external-link?14&color=#008cba}}.\\ \\
Ligne 144: Ligne 144:
 Les **propriétés** du contrôle sélectionné sont visibles dans la zone [[wiki:application:moduledesigner#proprietes|propriétés]] {{fa>external-link?14&color=#008cba}}, suivant l'élément sélectionné, les propriétés modifiables seront différentes.\\ \\ Les **propriétés** du contrôle sélectionné sont visibles dans la zone [[wiki:application:moduledesigner#proprietes|propriétés]] {{fa>external-link?14&color=#008cba}}, suivant l'élément sélectionné, les propriétés modifiables seront différentes.\\ \\
 La modification des propriétés d'un élément permet de changer le **comportement** et le **rendu** de l'élément dans la page. Les propriétés sont enregistrées en fonction des différents [[wiki:application:moduledesigner_page_widget#Sélection des paramètres|paramètres]] {{icon>link?14&color=#008cba&rotate=90}} sélectionnés dans la fenêtre de design, mais il existe un mécanisme de surcharge en fonction des groupes et des utilisateurs de l'application.\\ \\ La modification des propriétés d'un élément permet de changer le **comportement** et le **rendu** de l'élément dans la page. Les propriétés sont enregistrées en fonction des différents [[wiki:application:moduledesigner_page_widget#Sélection des paramètres|paramètres]] {{icon>link?14&color=#008cba&rotate=90}} sélectionnés dans la fenêtre de design, mais il existe un mécanisme de surcharge en fonction des groupes et des utilisateurs de l'application.\\ \\
-Si la propriété d'un élément est modifiée au niveau du [[wiki:application:designparams#notion_de_groupe|groupe]] {{fa>external-link?14&color=#008cba}} et que la même propriété du même élément n'a pas été modifiée au niveau de l'[[wiki:application:designparams#notion_d_utilisateur|utilisateur]] {{fa>external-link?14&color=#008cba}}, alors la propriété du groupe sera appliquée.\\+Si la propriété d'un élément est modifiée au niveau du [[wiki:application:designparams#notion_de_groupe|groupe]] {{fa>external-link?14&color=#008cba}} et que la même propriété du même élément n'a pas été modifiée au niveau de l'[[wiki:application:designparams#notion_d_utilisateur|utilisateur]] {{fa>external-link?14&color=#008cba}}, alors la propriété du groupe sera appliquée.\\ \\
 L'intérêt de ce mécanisme est de pouvoir personnaliser un rendu et un comportement pour un groupe, ainsi tous les utilisateurs du groupe concerné bénéficieront des modifications. L'intérêt de ce mécanisme est de pouvoir personnaliser un rendu et un comportement pour un groupe, ainsi tous les utilisateurs du groupe concerné bénéficieront des modifications.
  
Ligne 239: Ligne 239:
 </WRAP> </WRAP>
 <WRAP> <WRAP>
-A l'intérieur des pages et des widgets, des [[wiki:application:moduledesigner#moduledesigner_template|templates]] {{fa>external-link?14&color=#008cba}} peuvent être insérés. Les templates ne peuvent être ajoutés que sur des [[wiki:application:moduledesigner_page_widget#Eléments secondaires|groupes]] {{icon>link?14&color=#008cba&rotate=90}} existant.\\ \\ Pour ajouter un template, faire un clic droit sur le groupe, puis dans le sous-menu sélectionner  l'élément **Insérer un template**.+A l'intérieur des pages et des widgets, des [[wiki:application:moduledesigner#moduledesigner_template|templates]] {{fa>external-link?14&color=#008cba}} peuvent être insérés. Les templates ne peuvent être ajoutés que sur des [[wiki:application:moduledesigner_page_widget#Eléments secondaires|groupes]] {{icon>link?14&color=#008cba&rotate=90}} existants.\\ \\ Pour ajouter un template, faire un clic droit sur le groupe, puis dans le sous-menu sélectionner  l'élément **Insérer un template**.
 </WRAP> </WRAP>
 </WRAP> </WRAP>
Ligne 252: Ligne 252:
 </thumbnail> </thumbnail>
 <callout type="info" title="Types de template" icon="true"> <callout type="info" title="Types de template" icon="true">
-Il exsite deux types de template différents : les templates de page et les template de groupe. Les templates de page ont la particularité de pouvoir contenir, en plus des groupes, des [[wiki:application:modulepage#zones_layoutcontrol|zones]] {{fa>external-link?14&color=#008cba}}.+Il existe deux types de template différents : les templates de page et les template de groupe. Les templates de page ont la particularité de pouvoir contenir, en plus des groupes, des [[wiki:application:modulepage#zones_layoutcontrol|zones]] {{fa>external-link?14&color=#008cba}}.
 </callout> </callout>
  
Ligne 271: Ligne 271:
 <WRAP> <WRAP>
 **Cloner** à partir d'un thème revient à appliquer les **contrôles**, les **alignements** et les **propriétés**, contenus dans le design du thème choisi, dans le thème actuellement défini dans la fenêtre de design.\\ \\ **Cloner** à partir d'un thème revient à appliquer les **contrôles**, les **alignements** et les **propriétés**, contenus dans le design du thème choisi, dans le thème actuellement défini dans la fenêtre de design.\\ \\
-Pour cloner à partir d'un thème, cliquer sur le bouton **Cloner à partir d'un thème** situé dans la [[wiki:application:moduledesigner#zone_d_actions|zone d'actions]] {{fa>external-link?14&color=#008cba}} de la fenêtre de design. Dans la liste déroulante, sélectionner le thème à partir duquel les éléments et leurs propriétés seront copiés. La fenêtre de design se recharge après application des modification.+Pour cloner à partir d'un thème, cliquer sur le bouton **Cloner à partir d'un thème** situé dans la [[wiki:application:moduledesigner#zone_d_actions|zone d'actions]] {{fa>external-link?14&color=#008cba}} de la fenêtre de design. Dans la liste déroulante, sélectionner le thème à partir duquel les éléments et leurs propriétés seront copiés. La fenêtre de design se recharge après application des modifications.
 </WRAP> </WRAP>
 </WRAP> </WRAP>
 +
 +===== Références =====
 +  * [[wiki:application:menus|Menus]]
 +  * [[wiki:application:modulepage|Module Manager - Page Manager - Page]]
 +  * [[wiki:application:moduledesigner|Mode Design]]
 +  * [[wiki:application:designparams|Paramètres de personnalisation]]
 +  * [[wiki:application:architecture|Architecture de l'application]]
 +  * [[wiki:application:catalogs|Présentation des catalogues]]
 +
 +===== A voir =====
 +  * [[wiki:application:menudesigner|Personnalisation des menus]]
 +  * [[wiki:application:widgetsquickcustomize|Widgets - Quick Customize]]
 +  * [[wiki:application:styleeditor|Editeur de styles]]