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:modulepage [2018/04/05 16:10] r.toma |
wiki:application:modulepage [2018/04/23 09:06] (Version actuelle) r.toma |
||
|---|---|---|---|
| Ligne 7: | Ligne 7: | ||
| </jumbotron> | </jumbotron> | ||
| - | Le **Module Manager** est un conteneur qui héberge les différentes [[wiki:application:modulepage#Pages|pages]] de l'application.\\ \\ | + | Le **Module Manager** est un conteneur qui héberge les différentes [[wiki:application:modulepage#Pages|pages]] {{icon>link?14&color=#008cba&rotate=90}} de l'application.\\ \\ |
| <thumbnail> | <thumbnail> | ||
| Ligne 27: | Ligne 27: | ||
| <btn type="warning">D</btn> **Bouton ajout de page** : permet d'ajouter une page au module.\\ \\ | <btn type="warning">D</btn> **Bouton ajout de page** : permet d'ajouter une page au module.\\ \\ | ||
| <btn type="warning">E</btn> **Bouton suppression de page** : permet de fermer la page en cours.\\ \\ | <btn type="warning">E</btn> **Bouton suppression de page** : permet de fermer la page en cours.\\ \\ | ||
| - | <btn type="warning">F</btn> **Bouton afficher/masquer le** [[wiki:application:modulepage#Page Manager|Page Manager]] : affiche le page manager du module en cours. | + | <btn type="warning">F</btn> **Bouton afficher/masquer le** [[wiki:application:modulepage#Page Manager|Page Manager]] {{icon>link?14&color=#008cba&rotate=90}} : affiche le page manager du module en cours. |
| </WRAP> | </WRAP> | ||
| </WRAP> | </WRAP> | ||
| Ligne 36: | Ligne 36: | ||
| </jumbotron> | </jumbotron> | ||
| - | Le **module manager** permet d'ajouter et de supprimer supprimer des pages à l'intérieur d'un module. Il permet également de naviguer entre les différentes [[wiki:application:modulepage#Pages|pages]] ouvertes dans le module.\\ \\ | + | Le **module manager** permet d'ajouter et de supprimer supprimer des pages à l'intérieur d'un module. Il permet également de naviguer entre les différentes [[wiki:application:modulepage#Pages|pages]] {{icon>link?14&color=#008cba&rotate=90}} ouvertes dans le module.\\ \\ |
| <panel type="success" title="Ajouter une page"> | <panel type="success" title="Ajouter une page"> | ||
| Ligne 54: | Ligne 54: | ||
| Pour changer de page, via le Module Manager, cliquer sur un des points présents au centre ce celui-ci. Chaque point correspond à une page ouverte dans le module. La couleur des points correspond à la couleur choisie pour le type de page. | Pour changer de page, via le Module Manager, cliquer sur un des points présents au centre ce celui-ci. Chaque point correspond à une page ouverte dans le module. La couleur des points correspond à la couleur choisie pour le type de page. | ||
| <callout type="info" icon="true" title="Navigation par le Page Manager"> | <callout type="info" icon="true" title="Navigation par le Page Manager"> | ||
| - | Il est possible d'avoir un aperçu plus complet des pages ouvertes en utilisant le [[wiki:application:modulepage#Page Manager|Page Manager]]. | + | Il est possible d'avoir un aperçu plus complet des pages ouvertes en utilisant le [[wiki:application:modulepage#Page Manager|Page Manager]] {{icon>link?14&color=#008cba&rotate=90}}. |
| </callout> | </callout> | ||
| </panel-body> | </panel-body> | ||
| Ligne 110: | Ligne 110: | ||
| </jumbotron> | </jumbotron> | ||
| - | Le **Page Manager** (gestionnaire de page) affiche les pages ouvertes d'un module et permet de réaliser différentes actions. | + | Le **Page Manager** (gestionnaire de page) affiche les pages ouvertes d'un module et permet de réaliser différentes actions.\\ \\ |
| <thumbnail> | <thumbnail> | ||
| Ligne 128: | Ligne 128: | ||
| </WRAP> | </WRAP> | ||
| <WRAP half column> | <WRAP half column> | ||
| - | <btn type="warning">D</btn> **Accès au mode Design** : ouvre le designer pour la page sélectionnée (visible selon les droits accordés à l'utilisateur).\\ \\ | + | <btn type="warning">D</btn> [[wiki:application:moduledesigner|Accès au Mode Design]] {{fa>external-link?14&color=#008cba}} : ouvre le designer pour la page sélectionnée (visible selon les droits accordés à l'utilisateur).\\ \\ |
| <btn type="warning">E</btn> **Bouton fermeture du module** : ferme le module et toutes les pages qu'il contient.\\ \\ | <btn type="warning">E</btn> **Bouton fermeture du module** : ferme le module et toutes les pages qu'il contient.\\ \\ | ||
| <btn type="warning">F</btn> **Bouton afficher/masquer le Page Manager** : affiche le page manager du module en cours. | <btn type="warning">F</btn> **Bouton afficher/masquer le Page Manager** : affiche le page manager du module en cours. | ||
| Ligne 135: | Ligne 135: | ||
| </well> | </well> | ||
| - | L'ouverture du Page Manager se fait via le <tooltip html="true" title="{{:wiki:application:module_btnpagemanager.png?nolink}}">**bouton**</tooltip> situé à l'extrémité droite du [[wiki:application:modulepage#Module Manager|Module Manager]]. | + | L'ouverture du Page Manager se fait via le <tooltip html="true" title="{{:wiki:application:module_btnpagemanager.png?nolink}}">**bouton**</tooltip> situé à l'extrémité droite du [[wiki:application:modulepage#Module Manager|Module Manager]] {{icon>link?14&color=#008cba&rotate=90}}. |
| <jumbotron> | <jumbotron> | ||
| Ligne 141: | Ligne 141: | ||
| </jumbotron> | </jumbotron> | ||
| - | Le **Page Manager** permet d'ajouter et de supprimer supprimer des pages à l'intérieur d'un module. Il permet également de naviguer entre les différentes [[wiki:application:modulepage#Pages|pages]] ouvertes dans le module.\\ \\ | + | Le **Page Manager** permet d'ajouter et de supprimer supprimer des pages à l'intérieur d'un module. Il permet également de naviguer entre les différentes [[wiki:application:modulepage#Pages|pages]] {{icon>link?14&color=#008cba&rotate=90}} ouvertes dans le module.\\ \\ |
| <panel type="success" title="Ajouter une page"> | <panel type="success" title="Ajouter une page"> | ||
| <panel-body> | <panel-body> | ||
| Pour ajouter une page au module, via le page manager, il suffit de réaliser un clic sur le bouton <tooltip html="true" title="{{:wiki:application:pagemanager_add.png?nolink}}">**ajouter une page**</tooltip>.\\ \\ | Pour ajouter une page au module, via le page manager, il suffit de réaliser un clic sur le bouton <tooltip html="true" title="{{:wiki:application:pagemanager_add.png?nolink}}">**ajouter une page**</tooltip>.\\ \\ | ||
| - | <callout type="warning" title="Types de pages"> | + | <callout icon="true" type="warning" title="Types de pages"> |
| - | Contrairement au [[wiki:application:modulepage#Module Manager|Module Manager]], le Page Manager ne prend pas en charge l'ajout de type de page différent. La page nouvellement ajoutée est du type de la page actuellement sélectionnée. | + | Contrairement au [[wiki:application:modulepage#Module Manager|Module Manager]] {{icon>link?14&color=#008cba&rotate=90}}, le Page Manager ne prend pas en charge l'ajout de type de page différent. La page nouvellement ajoutée est du type de la page actuellement sélectionnée. |
| </callout> | </callout> | ||
| </panel-body> | </panel-body> | ||
| Ligne 163: | Ligne 163: | ||
| <panel type="success" title="Fermer le module"> | <panel type="success" title="Fermer le module"> | ||
| <panel-body> | <panel-body> | ||
| - | Pour fermet le module et toutes les pages qu'il contient, il suffit de réaliser un clic sur le bouton <tooltip html="true" title="{{:wiki:application:pagemanager_closemodule.png?nolink}}">**fermer le module**</tooltip>. | + | Pour fermer le module et toutes les pages qu'il contient, il suffit de réaliser un clic sur le bouton <tooltip html="true" title="{{:wiki:application:pagemanager_closemodule.png?nolink}}">**fermer le module**</tooltip>. |
| </panel-body> | </panel-body> | ||
| </panel> | </panel> | ||
| Ligne 170: | Ligne 170: | ||
| ===== Pages ===== | ===== Pages ===== | ||
| </jumbotron> | </jumbotron> | ||
| - | Les **pages** sont les contrôles visuels hébergeant les différentes [[wiki:application:architecture#Widgets|widgets]]. Elles sont constituées de plusieurs [[wiki:application:modulepage#Zones (LayoutControl)|zones]] dans lesquelles seront positionnées les [[wiki:application:architecture#Widgets|widgets]]. | + | Les **pages** sont les contrôles visuels hébergeant les différentes [[wiki:application:architecture#Widgets|widgets]] {{fa>external-link?14&color=#008cba}}. Elles sont constituées de plusieurs [[wiki:application:modulepage#Zones (LayoutControl)|zones]] {{icon>link?14&color=#008cba&rotate=90}} dans lesquelles seront positionnées les [[wiki:application:architecture#Widgets|widgets]] {{fa>external-link?14&color=#008cba}}.\\ \\ |
| <thumbnail> | <thumbnail> | ||
| Ligne 182: | Ligne 182: | ||
| <well> | <well> | ||
| <btn type="warning">A</btn> **Type de page** : type de la page actuellement sélectionnée.\\ \\ | <btn type="warning">A</btn> **Type de page** : type de la page actuellement sélectionnée.\\ \\ | ||
| - | <btn type="warning">B</btn> **Widgets** : [[wiki:application:architecture#Widgets|widgets]] contenues dans la page.\\ \\ | + | <btn type="warning">B</btn> **Widgets** : [[wiki:application:architecture#Widgets|widgets]] {{fa>external-link?14&color=#008cba}} contenues dans la page.\\ \\ |
| - | <btn type="warning">C</btn> **Groupe** : groupe contenant une ou plusieurs [[wiki:application:architecture#Widgets|widgets]]. | + | <btn type="warning">C</btn> **Groupe** : groupe contenant une ou plusieurs [[wiki:application:architecture#Widgets|widgets]] {{fa>external-link?14&color=#008cba}}. |
| </well> | </well> | ||
| Ligne 189: | Ligne 189: | ||
| ==== Zones (LayoutControl) ==== | ==== Zones (LayoutControl) ==== | ||
| </jumbotron> | </jumbotron> | ||
| - | Les **zones** ou **LayoutControl** permettent d'organiser les widgets dans les pages. Elles peuvent être positionnées de façon à découper la page en plusieurs morceaux indépendant les un des autres. | + | Les **zones** ou **LayoutControl** permettent d'organiser les widgets dans les pages. Les zones peuvent être positionnées de façon à découper la page en plusieurs morceaux indépendants les un des autres.\\ \\ |
| <thumbnail> | <thumbnail> | ||
| Ligne 199: | Ligne 199: | ||
| </caption> | </caption> | ||
| </thumbnail> | </thumbnail> | ||
| + | |||
| + | ===== Références ===== | ||
| + | * [[wiki:application:architecture|Architecture de l'application]] | ||
| + | * [[wiki:application:moduledesigner|Présentation du Mode Design]] | ||
| + | |||
| + | ===== A voir ===== | ||
| + | * [[wiki:application:menus|Présentation des menus]] | ||
| + | * [[wiki:application:designparams|Paramètres de personnalisation]] | ||
| + | * [[wiki:application:moduledesigner_page_widget|Personnalisation des pages / widgets]] | ||