Interface des listes en format Tableau agile : Différence entre versions

De Documentation ISIOS
Aller à : navigation, rechercher
(Mise en page des données dans la cartonnettes)
Ligne 248 : Ligne 248 :
 
|| [[Image:Int.ListesAgile Cartonnette Centrer résultat.png|centre|frame|Résultat observé]]
 
|| [[Image:Int.ListesAgile Cartonnette Centrer résultat.png|centre|frame|Résultat observé]]
 
|}
 
|}
 +
  
 
==== Affichage du titre ====
 
==== Affichage du titre ====
Ligne 260 : Ligne 261 :
 
|| [[Image:Int.ListesAgile Cartonnette Titre Gauche.png|centre|frame|Résultat observé]]
 
|| [[Image:Int.ListesAgile Cartonnette Titre Gauche.png|centre|frame|Résultat observé]]
 
|}
 
|}
 
== Modifier la configuration d'une vue via la liste ==
 
 
 
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#b3adab'
 
| [[Image:Logo attention.png|75px|<big>]]'''Cette accès est disponible pour un utilisateur qui en détient la permission. Pour plus d'information, référez-vous à la section [[Interface_des_listes#Autoriser_la_personnalisation_du_format_des_listes|Permissions requises]]'''</big>
 
|}
 
 
 
=== Modifier la largeur des colonnes ===
 
 
 
Dans une vue de liste, il est possible de modifier la largeur des colonnes afin de l'adapter au contenu de ces dernières. Pour ajuster la largeur, dans la barre de titre des colonnes :
 
:*  passer le curseur de la souris sur les extrêmes de la cellule titre d'une colonne afin de visualiser une double flèche
 
:*  rester cliqué et agrandir la cellule en déplaçant la souris vers la droite
 
 
 
[[Image:InterfListes Ajuster colonne1.png|center|frame|Ajuster la largeur d'une colonne]]
 
 
 
=== Déplacer les colonnes ===
 
 
 
Pour déplacer les colonnes de la vue, rester cliqué sur le titre de la colonne à déplacer puis la glisser à l'emplacement souhaité.
 
 
{| style='margin-left: auto; margin-right: auto;'
 
|-
 
| [[Image:InterfListes Liste Déplacer colonne.png|gauche|frame|Déplacer une colonne]]
 
|| [[Image:InterfListes Liste Déplacer colonne Resultat.png|centre|frame|Résultat]]
 
|}
 
 
 
== Modifier la configuration d'une vue via l'interface des modèles  ==
 
 
 
En plus de pouvoir modifier la largeur des colonnes ainsi l'ordonnancement de ces dernières, la modification via la modification des modèles permettra d'ajuster les colonnes visibles dans la vue ainsi que dans les détails.
 
 
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#b3adab'
 
| [[Image:Logo attention.png|75px|<big>]]'''Cette accès est disponible pour un utilisateur qui en détient la permission. Pour plus d'information, référez-vous à la section [[Interface_des_listes#Gérer_les_modèles_des_listes|Permissions requises]]'''</big>
 
|}
 
 
Pour ce faire :
 
 
1 - cliquer sur l'icône de la fonctionnalité situé au centre de la liste
 
 
[[Image:InterfListes Liste Icone.png|center|frame|Accès]]
 
 
 
2 - cliquer sur '''Modifier'''
 
 
[[Image:InterfListes Liste Modele Modifier.png|center|frame|Accès]]
 
 
 
L'interface de modification du modèle va alors s'ouvrir. Elle est composée de plusieurs sections qui vont permettre d'ajuster, de personnaliser :
 
 
:*  les colonnes à afficher dans la vue
 
:*  l'ordonnancement des colonnes à afficher dans la vue
 
:*  la largeur des colonnes à afficher dans la vue
 
:*  les détails de chaque item à afficher dans la vue
 
 
 
[[Image:InterfListes Liste Modele Sections.png|center|frame|Sections de l'interface de modification d'un modèle]]
 
 
[[Image:InterfListes Liste Modele Sections PointRose.png]] : Moteur de recherche permettant de rechercher un champ disponible dans la fonctionnalité
 
 
[[Image:InterfListes Liste Modele Sections PointBleu.png]] : Champs disponibles de la fonctionnalité pour la configuration de la vue
 
 
[[Image:InterfListes Liste Modele Sections PointMarron.png]] : Options d'enregistrement
 
 
[[Image:InterfListes Liste Modele Sections PointRouge.png]] : Filtres/tris de la vue actuelle
 
 
[[Image:InterfListes Liste Modele Sections PointJaune.png]] : Modification largeur des colonnes visibles de la vue
 
 
[[Image:InterfListes Liste Modele Sections PointVert.png]] : Visualisation et espace de configuration des détails de la vue
 
 
[[Image:InterfListes Liste Modele Sections PointViolet.png]] : Visualisation de la liste configurée
 
 
 
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#fcf0de'
 
| [[Image:Bloc note.png|35px|<big>]] Tous les champs disponibles dans la fonctionnalité sont visibles et utilisables dans la vue.</big>
 
|}
 
 
 
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#b3adab'
 
| [[Image:Logo attention.png|75px|<big>]]'''Un même champ ne peut pas être utilisé en colonne et en même temps dans les détails.'''</big>
 
|}
 
 
 
=== Sélectionner et déplacer les colonnes de la vue ===
 
  
  
Pour sélectionner les colonnes à afficher dans la vue, cliquer sur la coche du champ.
+
== Définir l'axe vertical (les colonnes) de la vue agile ==
  
 +
== Définir l'axe horizontal (les lignes) de la vue agile ==
  
[[Image:InterfListes Liste Modele Colonne Coche.png|center|frame|Sélection d'une colonne à afficher]]
 
  
  
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#f9fae1'
 
| [[Image:Ampoule.png|75px|<big>]]'''Utiliser le moteur de recherche disponible afin de pouvoir trouver rapidement le champ à afficher en colonne.'''</big>
 
|}
 
  
  
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#f9fae1'
 
| [[Image:Ampoule.png|75px|<big>]]'''Faire un clic droit dans la section des colonnes pour sélectionner toutes les colonnes, et à nouveau un clic droit pour tout désélectionner.'''</big>
 
|}
 
  
  
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#fcf0de'
 
| [[Image:Bloc note.png|35px|<big>]] Les éléments comprennent les champs natifs (systèmes) ainsi que les champs personnalisés et sont propres à la liste dans laquelle ils ont été créés. Pour plus de détails sur la création de champs personnalisés, référez-vous à la section [[Personnaliser les champs#Gérer les champs personnalisés|Ajouter un nouveau champ personnalisé]]</big>
 
|}
 
  
  
L'ordonnancement des colonnes de la vue est celui visible dans l'interface de modification actuelle. Pour déplacer une colonne, rester cliquer dessus et la glisser à la place souhaitée.
 
  
  
{| style='margin-left: auto; margin-right: auto;'
 
|-
 
| [[Image:InterfListes Liste Modele Colonne Déplacer.png|gauche|frame|Déplacement de la colonne Titre en 1ère position]]
 
|| [[Image:InterfListes Liste Modele Colonne Déplacer Resultat.png|centre|frame|Colonne Titre déplacée]]
 
|}
 
  
  
=== Verrouiller des colonnes ===
 
  
  
Par défaut, les données à l'intérieur des colonnes d'une liste sont modifiables. Cependant, il est possible, de définir dans la configuration de la vue, les colonnes qui ne doivent pas être modifiées directement dans les colonnes de la liste.
 
Pour ce faire, cliquer sur le cadenas de la colonne avant de sauvegarder la vue.
 
  
  
{| style='margin-left: auto; margin-right: auto;'
 
|-
 
| [[Image:InterfListes Liste Modele Colonne Verrouillee.png|gauche|frame|Colonne verrouillée]]
 
|| [[Image:InterfListes Liste Modele Colonne Verrouillee resultat.png|centre|frame|Résultat]]
 
|}
 
  
  
=== Modifier la largeur des colonnes ===
 
  
  
Les colonnes sélectionnées pour la vue, apparaitront dans le bandeau de l'interface de la configuration et leurs largeurs pourront être alors ajustées.
 
  
:*  passer le curseur de la souris sur les extrêmes de la cellule titre d'une colonne afin de visualiser une double flèche
 
:*  rester cliqué et agrandir la cellule en déplaçant la souris vers la droite
 
  
  
[[Image:InterfListes Liste Modele Colonne Ajuster largeur1.png|center|frame|Ajuster une colonne sélectionnée]]
 
  
  
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#fcf0de'
 
| [[Image:Bloc note.png|35px|<big>]] À noter que la largeur totale de l'ensemble des colonnes affichées est de 100%. Chaque colonne aura alors un % de largeur de la largeur totale disponible.</big>
 
|}
 
 
 
== Configurer les détails d'une vue ==
 
 
 
Les détails d'une vue correspondent à un ensemble de données visibles lorsque l'on clique sur le [[Image:Petit plus.png]] d'un item d'une liste.
 
  
  
[[Image:InterfListes Liste Détails.png|center|frame|Ouverture des détails d'un item dans une vue]]
 
  
  
Dans l'interface de configuration, la section de droite est la section qui permet de mettre en forme.
 
  
  
[[Image:InterfListes Config Détails.png|frame|Ouverture des détails d'un item dans une vue]]
 
  
  
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#fcf0de'
 
| [[Image:Bloc note.png|35px|<big>]] Pour plus d'informations, consultez la section [[Interface_des_listes#Modifier_la_configuration_d'une_vue_via_l'interface_des_modèles|Modifier la configuration d'une vue via l'interface des modèles]].</big>
 
|}
 
  
  
=== Sélection du ''Layout'' (format) de la configuration ===
 
  
  
Pour configurer une vue sous le format de liste, cliquer sur le bouton '''Layout''' puis sélectionner '''Table'''.
 
  
  
[[Image:InterfListes Config Layout Liste.png|center|frame|Sélection du format Liste]]
 
  
  
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#fcf0de'
 
| [[Image:Bloc note.png|35px|<big>]] Pour la configuration d'une vue en format Tableau Agile, consultez la section [[Interface des listes en format Tableau agile]].</big>
 
|}
 
  
  
=== Ajouter des colonnes, des lignes ===
 
  
  
Afin d'organiser les informations présentes dans les détails, il est possible :
 
  
:* d'ajouter des colonnes
 
:* d'ajouter des lignes
 
:* d'ajouter des titres
 
  
  
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#f9fae1'
 
| [[Image:Ampoule.png|75px|<big>]]'''Il est conseillé d'ajouter les colonnes nécessaires dès le départ car cela sera plus facile pour ajuster la vue par la suite.'''</big>
 
|}
 
  
 
==== Ajouter des colonnes ====
 
 
 
Ajouter des colonnes permet d'afficher des sections les unes à côté des autres. Un maximum de 4 colonnes est permis.
 
 
Pour ajouter une colonne, cliquer sur le bouton '''Édition''', puis '''Ajouter une colonne'''.
 
 
 
[[Image:InterfListes Config Détails Ajouter colonne.png|center|frame|Ajouter une colonne]]
 
 
 
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#f9fae1'
 
| [[Image:Ampoule.png|75px|<big>]]'''Recommencer l'opération pour chaque colonne à ajouter.'''</big>
 
|}
 
 
 
[[Image:InterfListes Config Détails Ajouter colonne Resultat.png|center|frame|4 colonnes ajoutées]]
 
 
 
==== Ajouter des lignes ====
 
 
 
Les lignes sont des espaces obligatoires afin d'y glisser les champs qui permettront de visualiser les données contenues dans ces derniers.
 
 
 
Pour ajouter une ligne, cliquer sur le bouton '''Édition''', puis '''Ajouter une ligne'''.
 
 
 
[[Image:InterfListes Config Détails Ajouter ligne.png|center|frame|Ajouter une ligne]]
 
 
 
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#f9fae1'
 
| [[Image:Ampoule.png|75px|<big>]]'''Recommencer l'opération pour chaque ligne à ajouter.'''</big>
 
|}
 
 
 
[[Image:InterfListes Config Détails Ajouter ligne resultat.png|center|frame|5 lignes ajoutées]]
 
 
 
=== Supprimer des colonnes, des lignes ===
 
 
 
Pour supprimer des colonnes et/ou des lignes, sélectionner les colonnes et/ou lignes à supprimer, puis cliquer sur le bouton '''Éditions''' et '''Supprimer les lignes sélectionnées''' ou '''supprimer les colonnes sélectionnées'''.
 
 
 
[[Image:InterfListes Config Détails Supprimer ligne-colonne.png|center|frame|Supprimer des lignes et/ou des colonnes]]
 
 
 
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#b3adab'
 
| [[Image:Logo attention.png|75px|<big>]]'''Si les lignes et/ou les colonnes contiennent des champs, ces derniers se mettront à nouveau disponible dans la section de gauche en attente d'être utilisés.'''</big>
 
|}
 
 
 
=== Ajouter des champs dans les détails ===
 
 
 
Tous les champs de la fonctionnalité sont disponibles dans la section de gauche et peuvent être utilisés pour configurer les données visibles dans les détails de la vue. Pour ajouter des champs dans les détails d'une vue, glisser le champ à l'endroit désiré.
 
 
 
[[Image:InterfListes Config Détails Ajout Glisser.png|center|frame|Ajouter des champs dans les détails]]
 
 
 
[[Image:InterfListes Config Détails Ajout Glisser resultat.png|center|frame|Résulat du glisser]]
 
 
 
Par défaut les champs de la section de gauche :
 
 
:* sont classés par ordre alphabétique
 
:* commencent par les champs sélectionnées qui seront visibles en colonne de la vue
 
 
 
[[Image:InterfListes Config Détails Champ dispo.png|center|frame|Ajouter des champs dans les détails]]
 
 
 
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#b3adab'
 
| [[Image:Logo attention.png|75px|<big>]]'''Un même champ ne peut être utilisé en colonne et dans les détails dans une même vue.'''</big>
 
|}
 
 
 
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#f9fae1'
 
| [[Image:Ampoule.png|75px|<big>]]'''Un moteur de recherche est disponible dans la section et permet d'y rechercher un champ plus facilement, surtout si la fonctionnalité propose beaucoup de champs.'''</big>
 
|}
 
 
 
=== Enlever un champ dans les détails ===
 
 
 
Pour enlever un champ dans les détails, faire le contraire de l'action ci-dessus et glisser le champ des détails n'importe où dans la partie de gauche.
 
 
 
[[Image:InterfListes Config Détails Enlever Glisser resultat.png|center|frame|Enlever un champ dans les détails]]
 
 
 
=== Fusionner les colonnes ===
 
 
 
Il se peut, qu'en ayant scinder les détails en plusieurs colonnes, certains titres de champs positionnés dans les détails soient trop volumineux visuellement comme ci-dessous :
 
 
 
[[Image:InterfListes Config Détails champ compresse.png|center|frame|Champ compressé à la configuration]]
 
 
 
Le titre du champ (titre en gras) est compressé ce qui donnerait un résultat non optimal.
 
 
 
[[Image:InterfListes Config Détails champ compresse resultat.png|center|frame|Champ compressé à l'ouverture des détails d'un item dans une liste]]
 
 
 
Pour remédier à cette problématique, il est possible de fusionner des colonnes afin d'élargir le titre des champs. Sélectionner les colonnes à fusionner en maintenant le bouton de la souris enfoncé. Les colonnes sélectionnées seront alors sur fond jaune. cliquer ensuite sur '''Édition'''' puis ''' Fusionner les cellules sélectionnées.
 
 
 
{| style='margin-left: auto; margin-right: auto;'
 
|-
 
| [[Image:InterfListes Config Détails fusionner selection.png|gauche|frame|Sélection des colonnes à fusionner]]
 
|| [[Image:InterfListes Config Détails fusionner option.png|centre|frame|Option de fusionner]]
 
|}
 
 
 
[[Image:InterfListes Config Détails fusionner resultat.png|center|frame|Colonnes fusionnées]]
 
 
 
=== Déplacer des champs ===
 
 
 
Pour déplacer un champ d'une ligne à l'autre, d'une section à l'autre, d'une colonne à l'autre, rester cliquer sur la cellule du champ et la déplacer à l'endroit choisi.
 
 
 
{| style='margin-left: auto; margin-right: auto;'
 
|-
 
| [[Image:InterfListes Config Détails deplacer meme section.png|gauche|frame|Déplacer un champ dans une même section]]
 
|| [[Image:InterfListes Config Détails deplacer autre section.png|centre|frame|Déplacer un champ dans une autre section]]
 
|}
 
 
 
=== Déplacer des sections  ===
 
 
 
Plutôt que déplacer champ par champ, il est possible de réorganiser les détails en déplaçant directement l'entièreté d'une section. Rester cliquer sur l'icône [[Image:InterfListes Config Détails deplacer section icone.png]].
 
 
 
{| style='margin-left: auto; margin-right: auto;'
 
|-
 
| [[Image:InterfListes Config Détails deplacer section exemple.png|gauche|frame|Icone de la section à déplacer]]
 
|| [[Image:InterfListes Config Détails deplacer section exemple descendre.png|centre|frame|Déplacer la section]]
 
|}
 
 
 
[[Image:InterfListes Config Détails deplacer section exemple resultat.png|center|frame|Résultat d'une section déplacée]]
 
 
 
=== Insérer des titres et sous-titres ===
 
 
 
Toujours dans le but d'organiser les sections dans les détails d'une vue, il est possible d'insérer des titres et de masquer des sections.
 
 
Pour ajouter un titre directement dans une section :
 
 
:* sélectionner la section
 
:* cliquer sur '''Édition''' puis '''Insérer l'en-tête 1''' ou '''Insérer l'en-tête 2'''
 
 
 
{| style='margin-left: auto; margin-right: auto;'
 
|-
 
| [[Image:InterfListes Config Détails Titre selection section.png|gauche|frame|Sélection de la section à nommer]]
 
|| [[Image:InterfListes Config Détails Titre choix du titre.png|centre|frame|Choix de l'en-tête]]
 
|}
 
 
Une fenêtre de configuration de l'en-tête va alors s'ouvrir :
 
 
:* renseigner le nom de l'en-tête (titre)
 
:* choisir l'alignement du titre dans la section
 
:* cliquer sur OK
 
 
 
[[Image:InterfListes Config Détails Titre Modif titre.png|center|frame|Configuration de l'en-tête]]
 
 
 
[[Image:InterfListes Config Détails Titre Resultat.png|center|frame|Résultat obtenu]]
 
 
 
La différence entre l'en-tête 1 et l'en-tête 2 est la grosseur de titre.
 
 
 
[[Image:InterfListes Config Détails Titre Difference.png|center|frame|Différence de taille entre en-tête 1 et en-tête 2]]
 
 
 
Afin d'aérer le plus les en-têtes des sections, il est conseillé de glisser le titre dans une cellule individuelle et de fusionner les colonnes afin que le titre prenne toute la longueur des détails.
 
 
 
[[Image:InterfListes Config Détails Titre Resultat proposition.png|center|frame|Proposition de mise en page pour les titres]]
 
 
 
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#f9fae1'
 
| [[Image:Ampoule.png|75px|<big>]]'''Insérer des lignes vides pour espacer les différentes sections ou pour aérer entre un titre et une section.'''</big>
 
|}
 
 
 
=== Mise en page des champs ===
 
 
 
Pour chaque champ visible dans les détails, il est possible de :
 
 
:*Afficher le titre du champ
 
:*Faire un saut de ligne après le titre
 
:*Aligner le champ à gauche, au centre ou à droite de la cellule
 
 
Pour ce faire, cliquer sur le titre du champ dans les détails. Une fenêtre de mise en page va alors s'ouvrir.
 
 
 
[[Image:InterfListes Config Mise en page champs.png|center|frame|Accès à la mise en page du champ]]
 
 
 
==== Afficher le titre du champ ====
 
 
 
Dans les détails, il est possible de visualiser le titre du champ et son résultat ou bien seulement le résultat.
 
 
 
{| style='margin-left: auto; margin-right: auto;'
 
|-
 
| [[Image:InterfListes Config Mise en page champs Avec titre.png|gauche|frame|Champ avec titre du champ]]
 
|| [[Image:InterfListes Config Mise en page champs Sans titre.png|centre|frame|Champ sans titre du champ]]
 
|}
 
 
 
==== Saut de ligne après le titre ====
 
 
 
Dans les détails, il est possible de visualiser le titre du champ et son résultat à la suite du titre ou bien en dessous.
 
 
 
{| style='margin-left: auto; margin-right: auto;'
 
|-
 
| [[Image:InterfListes Config Mise en page champs Avec titre.png|gauche|frame|Champ sans saut de ligne après le titre]]
 
|| [[Image:InterfListes Config Mise en page champs Sans saut de ligne.png|centre|frame|Champ avec saut de ligne après le titre]]
 
|}
 
 
 
==== Aligner le champ à gauche, au centre ou à droite de la cellule ====
 
 
 
Dans les détails, il est possible de visualiser le titre du champ et son résultat aligner à gauche, au centre ou à droite de la cellule.
 
 
 
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#f9fae1'
 
| [[Image:Ampoule.png|75px|<big>]]'''Des raccourcis clavier sont indiqués et disponibles pour utiliser rapidement ses options de mise en page sans avoir à passer par l'interface du champ.'''</big>
 
|}
 
 
 
=== Masquer les lignes ===
 
 
 
Masquer les lignes, dans la configuration des détails d'une vue, correspond à ne pas afficher au premier coup d'œil les données des champs masqués. POur ce faire, sélectionner la ou les cellules à masquer, puis cliquer sur '''Édition''' et '''Définir les lignes sélectionnées masquées'''.
 
 
 
[[Image:InterfListes Config Détails MAsquer.png|center|frame|Masquer les lignes]]
 
 
 
La section sera alors plus claire et en italique.
 
 
 
[[Image:InterfListes Config Détails MAsquer section masquee.png|center|Section masquée]]
 
 
 
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#b3adab'
 
| [[Image:Logo attention.png|75px|<big>]]'''Il n'est pas possible de masquer seulement un champ dans une section. Ce sont toutes les lignes de la section qui seront masquées.'''</big>
 
|}
 
 
 
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#fcf0de'
 
| [[Image:Bloc note.png|35px|<big>]] Pour rendre visible à nouveau la section, faire les mêmes actions mais sélectionner le choix '''Définir les lignes sélectionnées visibles'''.</big>
 
|}
 
 
 
Dans les détails d'une vue, pour afficher les champs masqués, cliquer sur '''''Afficher cette ligne avec les détails masqués'''''.
 
 
 
[[Image:InterfListes Config Détails Afficher les elements masques.png|center|Afficher les éléments masqués]]
 
 
 
Tous les champs de la section cachée seront alors visibles.
 
 
 
[[Image:InterfListes Config Détails Elements ouverts.png|center|Éléments masqués affichés]]
 
 
 
=== Visualiser la configuration d'une vue ===
 
 
 
Au fur et à mesure de la configuration, il est possible de visualiser la configuration de la vue dans la liste afin de l'améliorer. Pour ce faire, cliquer sur le l'icone [[Image:InterfListes Config Gros oeil.png]] situé en bas de la page de configuration.
 
 
 
[[Image:InterfListes Config Visualiser.png|center|Visualiser la configuration]]
 
 
 
Pour la modifier à nouveau et continuer à configurer, se référer à la section [[Interface_des_listes#Autoriser_la_personnalisation_du_format_des_listes|Modifier la configuration d'une vue via l'interface des modèles]] ou faire un clic droit directement dans la barre de titre pour accéder à la configuration de l'interface.
 
 
 
=== Autres choix pour la configuration ===
 
 
 
D'autres d'options sont proposées dans le bouton '''Édition''' comme :
 
 
:* Débloquer tous les champs
 
:* Bloquer tous les champs
 
:* Ajouter tous les champs dans les détails
 
:* Supprimer tous les champs dans les détails
 
 
 
[[Image:InterfListes Config Edition Autres.png|center|Autres choix pour configurer]]
 
 
 
:*'''Débloquer tous les champs''' : permet de déverrouiller l'édition de la donnée de tous les champs visibles dans les colonnes
 
:*'''Bloquer tous les champs''' : permet de verrouiller l'édition de la donnée de tous les champs visibles dans les colonnes
 
:*'''Ajouter tous les champs dans les détails ''' : permet de positionner tous les champs disponibles de la fonctionnalité dans les détails
 
:*'''Supprimer tous les champs dans les détails ''' : permet d'enlever tous les champs dans les détails
 
 
 
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#f9fae1'
 
| [[Image:Ampoule.png|75px|<big>]]'''Quelques uns des choix proposés dans le bouton Édition sont accessible rapidement grâce à un clic droit fait dans une section des détails.'''</big>
 
|}
 
  
  
== Créer et modifier les modèles des vues des listes ==
+
== Créer et modifier les modèles des vues agiles des listes ==
  
  

Version du 21 avril 2022 à 17:15

Puisque nous considérons que l'accès à l'information est le coeur d'une bonne solution de gestion, ISIOS permet de personnaliser l'affichage de chacune des listes selon vos besoins. Au cours de cette page, nous vous montrerons comment utiliser adéquatement ses fonctions.


Sommaire


Permissions requises

Plusieurs permissions globales sont proposées afin que les utilisateurs, selon leur niveau de permission, puissent configurer leur interface.


Pour plus d'informations, consultez la section sur la Gestion des Permissions Globales.


Autoriser la personnalisation du format des listes

Pour pouvoir modifier l'interface de la liste SANS la sauvegarder en tant que modèle, sélectionner l'option Autoriser la personnalisation du format des listes'.


Option pour autoriser la modification de l'interface des listes SANS la sauvegarder en tant que modèle.


Ce que cela permet de faire :

  • D'ajouter des colonnes dans votre vue de la liste
  • D'enlever des colonnes dans votre vue de la liste
  • De déplacer les colonnes de votre vue de la liste
  • D'ajuster, modifier les détails de la vue de votre liste

La nouvelle interface sera alors sauvegardée uniquement dans un modèle personnalisé, c'est à dire que cette vue personnalisée sera accessible et visible uniquement par l'utilisateur qui a effectué cette configuration.


Sauvegarde d'un modèle personnalisé


Si l'utilisateur sélectionne un autre modèle de vue, alors son modèle personnalisé ne sera plus disponible. Un modèle personnalisé est éphémère et permet de répondre à un besoin de configuration ponctuel.


Gérer les modèles des vues listes

Pour pouvoir modifier l'interface de la vue de la liste ET la sauvegarder en tant modèle agile, sélectionner l'option Gérer les modèles des listes'.


Option pour autoriser la modification de l'interface des listes ET la sauvegarde en tant que modèle.


Ce que cela permet de faire :

  • De définir les colonnes d'une vue agile
  • De définir les lignes d'une vue agile
  • D'ordonnancer les colonnes et les lignes de la vue
  • De sauvegarder les configurations des interfaces en tant que modèles
  • De gérer les modèles (supprimer, renommer)
  • De gérer les accès aux modèles

Les interfaces pourront alors être sauvegardées et disponibles dans les listes à tous les utilisateurs ou bien à un groupe restreint d'utilisateurs.


Cette permission est en général donnée par l'Organisation à un nombre réduit d'utilisateurs ayant un profil d'administrateur ou de pilote système.


Définition d'une vue agile

Lorsque un utilisateur accède à une fonctionnalité, il entre avant tout dans une vue.

Une Vue agile est :

  • un ensemble de données visibles dans une cartonnette
  • des cartonnettes classées dans des colonnes et des lignes
  • des filtres appliqués sur les données de la vue


Exemple d'une vue agile

Formats de vues disponibles

Toutes les listes sur ISIOS fonctionnent de la même manière.

Il existe 2 formats de vues :

  • format liste : les données sont réparties dans des colonnes et détails
  • format agile (Kanban) : les données sont réparties dans une cartonnette est classifiées selon les colonnes et lignes définies


Pour pouvoir modifier le format de vue, référez-vous à la section Interface des listes en format liste.


Exemple d'une vue format agile (Kanban)

Exemple de format agile


Pour plus d'informations, consultez la section sur le Tableau Agile.


Configurer une vue agile

Sélection du format de la vue

Pour configurer une vue agile, se rendre dans la fonctionnalité visée puis :


1 - cliquer sur l'icône de la fonctionnalité situé au centre de la liste


Accès


2 - cliquer sur Modifier


Accès
Pour ouvrir directement l'interface de configuration, faire un clic droit directement dans la barre de titre.


3 - cliquer sur le bouton Layout et choisir Tableau agile


Sélection du format Tableau agile


Explication de l'interface de configuration

L'interface de modification du modèle est composée de plusieurs sections qui vont permettre d'ajuster, de personnaliser :

  • Barre de recherche
  • Champs de la fonctionnalité disponibles pour la configuration
  • Options d'enregistrement
  • Prévisualisation et mise en page des données de la cartonnette
  • Sélection de l'axe vertical (colonnes)
  • Sélection de l'axe horizontal (lignes)


Sections de l'interface de modification d'une vue agile

Int.ListesAgile PointBleu.png : Moteur de recherche permettant de rechercher un champ disponible dans la fonctionnalité

Int.ListesAgile PointRose.png : Champs disponibles de la fonctionnalité pour la configuration de la vue

Int.ListesAgile PointMArron.png : Options d'enregistrement

Int.ListesAgile PointVert.png : Prévisualisation et mise en page des données de la cartonnette

Int.ListesAgile PointViolet.png : Sélection du champ qui représentera l'axe vertical des colonnes

Int.ListesAgile PointJaune.png : Sélection du champ qui représentera l'axe horizontal des lignes


Tous les champs disponibles dans la fonctionnalité sont visibles et utilisables dans la vue.


Un même champ ne peut pas être utilisé en même temps sur les 2 axes.


Configurer les données de la cartonnette agile

Les données visibles dans la cartonnette ainsi que leur ordonnancement est configurable.


Sélectionner des données dans la cartonnette

Pour ajouter des informations dans la cartonnette, sélectionner les champs à afficher. Utiliser le moteur de recherche pour trouver rapidement les champs.


Sélection des données à afficher dans la cartonnette


Dans la prévisualisation de la cartonnette, la barre grise est le titre de l'item. Il s'agit d'une donnée obligatoire.


Barre de titre de l'item


Ordonnancer les données dans la cartonnette

L'ordre des données visibles dans la cartonnette dépendent de l'ordre des champs sélectionnés. Pour modifier l'ordre, cliquer sur le champ et le glisser à la place souhaitée. L'ordre sera alors modifié dans la prévisualisation de la cartonnette.


Modifier l'ordre des données de la cartonnette
Résultat observé


Mise en page des données dans la cartonnettes

La mise en page des données dans la cartonnette, permet d'ajuster l'emplacement de ces dernières de manière individuelle comme par exemple :

  • centrer
  • aligner à gauche
  • aligner à droite
  • afficher le titre du champ de la donnée à droite et le résultat à gauche
  • afficher le titre du champ de la donnée au dessus et le résultat en dessous
  • ne pas afficher le titre du champ mais seulement le résultat


Prévisualisation de la cartonnette


Aligner un champ

Pour aligner un champ dans la cartonnette, cliquer directement sur sa barre correspondant dans la cartonnette.

Champ Responsable centré
Résultat observé


Affichage du titre

En maintenant la touche CTRL + clic sur la barre du champ, il est possible de décider de la position du titre et de son résultat.


Exemple de titre à gauche
Résultat observé


Définir l'axe vertical (les colonnes) de la vue agile

Définir l'axe horizontal (les lignes) de la vue agile

Créer et modifier les modèles des vues agiles des listes

À des fins pratiques, il se peut que vous deviez utiliser plusieurs affichages distincts pour des situations distinctes. Le Gestionnaire des modèles permet d’enregistrer des modèles d’affichage qui peuvent être chargés ultérieurement.


Pour sauvegarder une vue en tant que modèle de liste, il faut tout d'abord en détenir la permission.


Pour plus d'informations, consultez la section sur la Gérer les modèles des listes de cette page.


Si c'est le cas, cliquer sur Modèle. Une fenêtre va alors s'ouvrir et permettra :

  • de sauvegarder un nouveau modèle
  • de sauvegarder par dessus un modèle déjà existant
  • de supprimer un modèle de vue


Gestionnaire des modèles de vues


Sauvegarder un nouveau modèle

Une fois la configuration de votre vue faite, pour la sauvegarder en tant que nouveau modèle, cliquer sur le bouton Modèles puis Nouveau. Renseigner le titre du nouveau modèle et cliquer sur OK. Le modèle sera alors sauvegardé.


Bouton Modèles
Nouveau modèle, puis OK


Nouveau modèle créé


Le modèle utilisé dans la vue actuelle de la liste est représenté en jaune.


Sauvegarder par dessus un modèle existant

Une fois la configuration de votre vue faite, pour la sauvegarder par dessus un modèle déjà existant, cliquer sur le bouton Modèles, puis cliquer sur l'icone InterfListes Config Modèle logo disquette.png du modèle à écraser. Un message de confirmation s'affichera. En cliquant sur OK le modèle sera alors sauvegardé par dessus le modèle existant.


Bouton Modèles
Message de confirmation, puis OK


Supprimer un modèle existant

Pour supprimer un modèle existant, entrer dans le gestionnaire de Modèles puis cliquer sur l'icone InterfListes Config Modèle Supprimer.pngpour le supprimer. Un message de confirmation s'affichera. En cliquant sur OK le modèle sera alors supprimé.


Bouton Modèles
Supprimer un modèle


L'action de supprimer est irréversible.


Options de sauvegarde

Lors de la sauvegarde d'un modèle, plusieurs options sont disponibles dans l'interface de configuration de la vue.


Options disponibles


Afficher les filtres dans l'en-tête

Si la vue configurée comprend des filtres et que cette option est cochée lors de la sauvegarde du modèle, ces derniers derniers apparaitront lors de son utilisation.


Filtres du modèle de la vue sélectionnée


Il est possible de cocher cette option et de réenregistrer par dessus le modèle existant, si cette option n'était pas cochée lors de la 1ère sauvegarde dudit modèle.


Afficher le nom du modèle dans l'en-tête

Avec cette option, le titre de la vue apparaitra lors de son utilisation.


Titre du modèle de la vue sélectionnée


Il est possible de cocher cette option et de réenregistrer par dessus le modèle existant, si cette option n'était pas cochée lors de la 1ère sauvegarde dudit modèle.


Toujours voir les détails

Avec cette option, les détails de tous les items de la liste seront par défaut ouvert à l'utilisation de la vue.


Détails des items ouverts par défaut


Il est possible de cocher cette option et de réenregistrer par dessus le modèle existant, si cette option n'était pas cochée lors de la 1ère sauvegarde dudit modèle.


Fixer la colonne titre

Cette option permet de fixer la colonne Titre de la liste. C'est une option qui est utilisée notamment dans le cas de l'utilisation d'une liste large (plus de 100% de large).


Fixation de la colonne Titre


Il est possible de cocher cette option et de réenregistrer par dessus le modèle existant, si cette option n'était pas cochée lors de la 1ère sauvegarde dudit modèle.


Toujours utiliser le statut par défaut

Cette option permet de définir, que lors de l'ajout d'un item dans la liste, le statut de ce dernier sera le statut défini par défaut dans la configuration des statuts, plutôt que le premier filtre de statut défini dans le modèle de la vue.


Il est possible de cocher cette option et de réenregistrer par dessus le modèle existant, si cette option n'était pas cochée lors de la 1ère sauvegarde dudit modèle.


Toujours fusionner les filtres

Cette option permet de fusionner les filtres de la vues avec les filtres du système qui s'appliquent selon l'accès utilisé.

Exemple : si je veux accéder à mes tâches via mon menu personnel, alors le filtre système qui va s'appliquer automatiquement sera Responsable il viendra alors s'ajouter avec ceux enregistrés dans la vue.


Il est possible de cocher cette option et de réenregistrer par dessus le modèle existant, si cette option n'était pas cochée lors de la 1ère sauvegarde dudit modèle.


Inclure la vue dans le permalien

Cette option permet d'enregistrer la configuration (options, filtres) dans le permalien afin de faciliter le partage ou bien d'accéder rapidement à une vue qui n'est pas sauvegardée en tant que modèle.


Il est possible de cocher cette option et de réenregistrer par dessus le modèle existant, si cette option n'était pas cochée lors de la 1ère sauvegarde dudit modèle.


Gérer les accès aux modèles de vues

Si l'utilisateur a la permission de sauvegarder des modèles alors il aura la permission également de Gérer les modèles de vues. Pour gérer les modèles, cliquer sur Modèles puis sur Gérer.

Bouton Modèles
Gérer


Tous les modèles sauvegardés dans la fonctionnalité seront alors visibles. À partir de là, il sera possible de :

  • d'identifier les ressources pouvant accéder à chacun des modèles
  • de visualiser et/ou de pousser un modèle de vue à des ressources
  • de définir un modèle de vue par défaut


Gérer les modèles


Donner des accès à une vue

Lors de la création et l'enregistrement d'un nouveau modèle, le système donnera un accès à Tout le monde mais il est possible de le modifier en donnant un accès exclusif à certaines ressources humaines. Pour ce faire, cliquer dans la colonne Ressources pouvant accéder au modèle puis taper le nom de la ressource humaine ou bien sélectionner un ensemble de ressources en accédant à la liste des ressources humaines en utilisant le logo Tache Logobrowse.png. Ne pas oublier d'enregistrer.


[[Image:InterfListes Modele Gerer RH accedant au modèle.png|center|frame|Identifier les ressources humaines qui auront accès au modèle]


Seules les ressources humaines identifiées dans la colonne Ressources pouvant accéder au modèle pourront voir et utiliser ce modèle.


Il est possible de gérer les accès aux modèles de vue des liste de maniàre plus globale. pour plus d'informations, consulter la section Gestionnaire de modèles.


Visualiser et/ou pousser un modèle de vue à des ressources

La colonne Ressources qui ont sélectionné le modèle permet de visualiser le modèle de vue utilisé actuellement par les ressources identifiées dans cette dernière. Il est possible également, grâce à cette dernière, de pousser une vue choisie pour une ressource ou un ensemble de ressource. pour ce faire, cliquer dans la colonne et taper le nom de la ressource humaine ou bien sélectionner un ensemble de ressources en accédant à la liste des ressources humaines en utilisant le logo Tache Logobrowse.png. Ne pas oublier d'enregistrer.


[[Image:InterfListes Modele Gerer Pousser un modèle.png|center|frame|Identifier les ressources humaines qui auront un modèle pousser par défaut quand elle entreront dans la fonctionnalité.]


Une même ressource humaine ne peut se trouver qu'une seule fois dans la colonne Ressources qui ont sélectionné le modèle .


Définir un modèle de vue par défaut

Un modèle par Défaut peut être défini dans chacune des fonctionnalités. Un modèle par défaut est obligatoirement accessible pour Tout le monde, donc il n'est pas possible de restreindre l'accès d'un modèle par défaut. Pour définir un modèle par défaut, cliquer dans la colonne Par défaut.


[[Image:InterfListes Modele Gerer Par défaut.png|center|frame|Définir un modèle de vue par défaut dans la fonctionnalité.]


Une seule vue par défaut et par fonctionnalité est possible.


Modifier le titre d'un modèle de vue existant

Il est possible de modifier le titre d'un modèle déjà existant sans avoir è le réenregistrer. Pour ce faire, cliquer dans la colonne nom du modèle, effectuer la modification et Enregistrer


[[Image:InterfListes Modele Gerer Modifier titre.png|center|frame|Renommmer un modèle existant]

Accéder aux modèles de vue

Seules les vues accessibles par l'utilisateur seront proposées selon les accès qui lui auront été donné. Seules les vues définies comme par défaut, quant à elles, seront communes et accessibles pour tous les utilisateurs. Dans chaque fonctionnalité, les vues sont accessibles en cliquant sur l'icone de la fonctionnalité situé au milieu de la liste.


[[Image:InterfListes Vue Accès Logo.png|center|frame|Accès aux vues disponibles]


Choisir un modèle de vue

Lors de la sélection de la vue, 2 choix seront proposés :

  • choisir la vue uniquement
  • choisir la vue avec les filtres


Ensemble des vues disponibles


Choisir la vue uniquement

Choisir la vue uniquement revient à choisir la vue telle qu'elle a été configurée c'est à dire avec les colonnes, les détails et les filtres de cette dernière. Pour ce faire, cliquer sur le titre de la vue choisie.


Choisir une vue uniquement


Choisir la vue avec filtres

Choisir la vue avec les filtres revient à choisir la vue avec ses colonnes, ses détails -mais avec les filtres appliqués actuellement dans la liste-. Pour ce faire, cliquer sur l'option Avec filtres.


Choisir une vue avec filtres


Mettre une vue en favoris

Dans un grand nombre de vues proposées, un utilisateur peut définir ses vues Favori. Pour ce faire, cliquer sur InterfListes Vue Choix vue favoris Etoile.png. Les vues en favori serotn alors identifiées dans le haut de la fenêtre des vues proposées.


Vues en favori