Interface des vues des listes : Différence entre versions

De Documentation ISIOS
Aller à : navigation, rechercher
 
(41 révisions intermédiaires par le même utilisateur non affichées)
Ligne 47 : Ligne 47 :
  
 
[[Image:Vues permissions projet.png|center|frame|Permission requise]]
 
[[Image:Vues permissions projet.png|center|frame|Permission requise]]
 +
 +
 +
== Définition d'une vue ==
 +
 +
 +
Lorsque un utilisateur accède à une fonctionnalité, il entre avant tout dans une vue.
 +
 +
Une ''Vue'' est un ensemble de données :
 +
 +
:* dans des colonnes de la liste
 +
:* dans des détails de la liste
 +
:* filtrées
 +
 +
 +
[[Image:InterfListes Explication sectionVue.png|center|frame|Explication des données d'une vue]]
  
  
 
{| class="wikitable" style='width: 100%;'
 
{| class="wikitable" style='width: 100%;'
|- bgcolor='#fcf0de'
+
|- bgcolor='#f9fae1'
| [[Image:Bloc note.png|35px|<big>]]La création des formulaires et de nouveaux champs personnalisés n'est disponible que sur les nouvelles listes (Projets, Ressources Humaines, Points de suivis). A terme, toutes les listes de l'application seront concernées.</big>
+
| [[Image:Ampoule.png|75px|<big>]]'''Si aucune vue n'a été configurée par l'Organisation, alors une vue par défaut système sera poussée.'''</big>
 
|}
 
|}
  
  
== Créer de nouveaux champs personnalisés ==
+
== 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 (ex : tableau agile)
 +
 
 +
 
 +
=== Exemple de format de liste ===
 +
 
 +
 
 +
[[Image:InterfListes format liste.png|center|frame|Exemple de format liste]]
 +
 
 +
 
 +
=== Exemple de format agile (Kanban) ===
 +
 
 +
 
 +
[[Image:InterfListes format Kanban.png|center|frame|Exemple de format agile]]
 +
 
 +
 
 +
== Modifier la configuration d'une vue (colonne, largeur, détails) ==
  
  
Toutes les nouvelles listes dans ISIOS, vous permettent, dorénavant de créer des champs personnalisés de différents types. Ils pourront venir s'ajouter aux champs dits ''Natifs'' qui viennent par défaut avec votre base de données et qui sont non supprimables.
+
=== Via la liste directement ===
  
  
=== Création d'un nouveau champ ===
+
==== Modifier la largeur des colonnes ====
  
  
# Cliquez sur le bouton '''''Configurer''''' ensuite '''''Champs personnalisés et filtres'''''
+
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:Vues configurer.png|center|frame|Configurer]]
+
[[Image:InterfListes Ajuster colonne.png|center|frame|Ajuster la largeur d'une colonne]]
  
+
 
La page de configuration des champs va alors s' ouvrir :
+
==== Déplacer les colonnes ====
  
  
[[Image:Vues configuration.png|center|frame|Page de configuration]]
+
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]]
 +
|}
  
1 - Titre du champ<br>
 
2 - Type du champ<br>
 
3 - Cliquez sur la clé pour rendre filtrable le champ dans la liste (clé verte), cliquez à nouveau pour rendre non filtrable le champ dans la liste (clé rouge)<br>
 
4 - Les champs natifs sont des champs systèmes et ne sont pas supprimables car ils sont configurés par défaut dans votre base de données<br>
 
  
 +
=== Via la modification du modèle  ===
 +
 +
 +
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%;'
 
{| class="wikitable" style='width: 100%;'
|- bgcolor='#fcf0de'
+
|- bgcolor='#b3adab'
| [[Image:Bloc note.png|35px|<big>]] Pour plus d'information concernant la création d'un champ, réferez-vous à la section [[Personnaliser les champs#Gérer les champs personnalisés|Gérer les champs personnalisés]]</big>
+
| [[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_vues_des_listes#Permissions_requises|Permissions requises]]'''</big>
 
|}
 
|}
  
== Modifier et créer un modèle de vue d'une liste ==
 
  
 +
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>
 +
|}
  
=== Modifier la vue des colonnes ===
 
  
 +
{| class="wikitable" style='width: 100%;'
 +
|- bgcolor='#b3adab'
 +
| [[Image:Logo attention.png|75px|<big>]]'''Une même champ ne peut être utilisé en colonne et en même temps dans les détails.'''</big>
 +
|}
  
Toutes les listes sur ISIOS fonctionnent de la même manière. Pour personnaliser les colonnes que vous souhaitez voir apparaître sur la liste, cliquez sur [[Image:Petit oeil.png]], puis '''Modifier le format'''.
 
  
 +
==== Sélectionner et déplacer les colonnes de la vue ====
  
[[Image:Vues oeill.png|center|frame|Gérer les vues]]
 
  
 +
Pour sélectionner les colonnes à afficher dans la vue, cliquer sur la coche du champ.
  
La fenêtre de configuration va alors s'ouvrir. La partie de gauche répertorie toutes les colonnes qu'il vous est possible d'afficher dans la liste.
 
  
 +
[[Image:InterfListes Liste Modele Colonne Coche.png|center|frame|Sélection d'une colonne à afficher]]
  
[[Image:Vues configurer champs.png|center|frame|Choisir les colonnes de la liste]]
 
 
  
Cochez alors les colonnes souhaitées. Vous pouvez également sélectionner les éléments situés à droite de la fenêtre de configuration, pour les faire apparaître en colonne. Faites glisser l'élément de droite à gauche et cochez le :
+
{| 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>
 +
|}
  
  
[[Image:Vues configurer glissement.png|center|frame|Glisser un élément]]
+
{| 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%;'
 
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#fcf0de'
 
|- bgcolor='#fcf0de'
| [[Image:Bloc note.png|35px|<big>]] Les éléments comprennent les champs fixés 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 champs personnalisé]]</big>
+
| [[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 actuel. Pour déplacer une colonne, rester cliquer dessus et glisser la à 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]]
 
|}
 
|}
  
  
Pour cocher tous les champs, placer votre souris dans la liste et faite un '''Clique droit'''. Pour tous les désélectionner, cliquez à nouveau sur la droite de votre souris :
+
==== 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 ====
  
[[Image:Vues tout sélect.png|center|frame|Sélectionner tous les champs]]
 
  
 +
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.
  
Vous pourrez également déplacer les colonnes dans l'ordre que vous souhaitez, en les faisant glisser :
+
:*  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:Vues tout sélect glisse.png|center|frame|Organiser les colonnes]]
+
[[Image:InterfListes Liste Modele Colonne Ajuster largeur.png|center|frame|Ajuster une colonne sélectionnée]]
  
  
=== Barrer un champ dans la vue ===
+
{| 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>
 +
|}
  
  
Il est désormais possible de barrer certains champs une fois positionnés en colonnes dans la liste. Ce qui veut dire, que vous ne pourrez pas modifier les données d'un champ barré directement dans la liste. L'option peut être changée en ouvrant à nouveau le format de vue de la fiche.
+
==== Configurer les détails d'une vue ====
  
  
[[Image:Vues configurer champs barrés.png|center|frame|Barrer les champs]]  
+
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:Vues configurer champs barré.png|center|frame|Champ barré]]
+
[[Image:InterfListes Liste Détails.png|center|frame|Ouverture des détails d'un item dans une vue]]
  
  
Ligne 198 : Ligne 320 :
  
  
[[Image:Vues ajout ligne colonne.png|center|frame|Ajouter une colonne, une ligne]]
+
[[Image:IVDL ligne colonne.png|center|frame|Ajouter une colonne, une ligne]]
  
  
Ligne 229 : Ligne 351 :
  
 
Vous pouvez déplacer les lignes contenant plusieurs champs en les faisant glisser à l'endroit choisi.
 
Vous pouvez déplacer les lignes contenant plusieurs champs en les faisant glisser à l'endroit choisi.
 +
  
 
Pour ce faire, maintenez le bouton gauche de la souris enfoncé sur le petit carré de couleur (vert ou rouge) à droite de la ligne et déplacer la ligne :
 
Pour ce faire, maintenez le bouton gauche de la souris enfoncé sur le petit carré de couleur (vert ou rouge) à droite de la ligne et déplacer la ligne :
Ligne 245 : Ligne 368 :
  
  
[[Image:Vues fusionner clic droit.png|center|frame|Cellules fusionnées]]
+
[[Image:IVDL fusion.png|center|frame|Cellules fusionnées]]
  
  
Ligne 277 : Ligne 400 :
  
  
==== Insérer un titre/sous-titre dans les champs ====
+
==== Insérer un en-tête dans les champs ====
  
  
Vous pouvez insérer un titre et/ou un sous-titre afin de regrouper, dans une même famille, différentes cellules.
+
Vous pouvez insérer un en-tête afin de regrouper, dans une même famille, différentes cellules.
  
  
Pour ce faire, sélectionnez une cellule, puis cliquez sur l'onglet '''Édition''' et '''Insérer un titre'''.
+
Pour ce faire, sélectionnez une cellule, puis cliquez sur l'onglet '''Édition''' et '''Insérer l'en-tête 1'''.
  
  
[[Image:Vues insérer titre.png|center|frame|Insérer un titre]]
+
[[Image:IVDL en-tete12.png|center|frame|Insérer un en-tête]]
  
  
La fenêtre d'insertion s'ouvrira et vous pourrez saisir le titre et choisir entre les options de présentation.
+
La fenêtre d'insertion s'ouvrira et vous pourrez saisir le titre de l'en-tête et choisir entre les options de présentation.
  
  
[[Image:Vues insérer titre1.png|center|frame|Fenêtre d'insertion d'un titre]]
+
[[Image:IVDL en-tete exemple.png|center|frame|Fenêtre d'insertion d'un premier en-tête]]
  
  
Ligne 298 : Ligne 421 :
  
  
[[Image:Vues insérer titre2.png|center|frame|Résultat]]
+
[[Image:IVDL en-tete exemple1.png|center|frame|Résultat]]
  
  
 
{| class="wikitable" style='width: 100%;'
 
{| class="wikitable" style='width: 100%;'
 
|- bgcolor='#f9fae1'
 
|- bgcolor='#f9fae1'
| [[Image:Ampoule.png|75px|<big>]]'''Pour modifier l'emplacement ou les caractères de votre titre, cliquer directement sur les mots du titre pour ré-ouvrir l'édition'''</big>
+
| [[Image:Ampoule.png|75px|<big>]]'''Pour modifier l'emplacement ou les caractères de votre en-tête, cliquer directement sur les mots pour ré-ouvrir l'édition'''</big>
 
|}
 
|}
  
  
Pour ajouter un sous-titre, sélectionnez une cellule, puis cliquez sur l'onglet '''Édition''' et '''Insérer un sous-titre'''.
+
Pour ajouter un plus petit en-tête, sélectionnez une cellule, puis cliquez sur l'onglet '''Édition''' et '''Insérer l'en-tête 2'''.
  
  
[[Image:Vues insérer s-titre.png|center|frame|Insérer un sous-titre]]
+
[[Image:IVDL en-tete exemple1.5.png|center|frame|Insérer l'en-tête 2]]
  
  
La fenêtre d'insertion s'ouvrira et vous pourrez saisir le sous-titre et choisir entre les options de présentation.
+
La fenêtre d'insertion s'ouvrira et vous pourrez saisir l'en-tête 2 et choisir entre les options de présentation.
  
  
[[Image:Vues insérer s-titre1.png|center|frame|Fenêtre d'insertion d'un sous-titre]]
+
[[Image:IVDL en-tete exemple2.png|center|frame|Fenêtre d'insertion du deuxième en-tête]]
  
  
Ligne 322 : Ligne 445 :
  
  
[[Image:Vues insérer s-titre2.png|center|frame|Résultat]]
+
[[Image:IVDL en-tete exemple3.png|center|frame|Résultat]]
  
  
Ligne 331 : Ligne 454 :
 
   
 
   
  
[[Image:Vues afficher1.png|center|frame|Afficher les lignes]]
+
[[Image:IVDL afficher lignes.png|center|frame|Afficher les lignes]]
  
  
Ligne 337 : Ligne 460 :
  
  
[[Image:Vues afficher2.png|center|frame|Afficher les lignes]]
+
[[Image:IVDL afficher lignes1.png|center|frame|Afficher les lignes]]
  
  
Ligne 343 : Ligne 466 :
  
  
[[Image:Vues afficher3.png|center|frame|Lignes affichées]]
+
[[Image:InterfListes Detail ouvert.png|center|frame|Lignes affichées]]
  
  
Ligne 349 : Ligne 472 :
  
  
Pour masquer des lignes dans les détails, sélectionnez la ligne choisie et sélectionnez l'option souhaitée en cliquant à droite sur votre souris et sélectionnez ''' Cacher les lignes'''
+
Pour masquer un champ et/ou une section dans les détails, sélectionnez la section choisie et sélectionnez l'option souhaitée en cliquant à droite sur votre souris et sélectionnez ''' Cacher les lignes'''
 
   
 
   
  
[[Image:Vues afficher4.png|center|frame|Cacher les lignes]]
+
[[Image:IVDL cacher lignes1.png|center|frame|Cacher les lignes]]
  
  
La ligne qui sera cachée apparaîtra avec un marqueur rouge.
+
La section cachée apparaîtra avec un marqueur rouge.
  
  
[[Image:Vues afficher5.png|center|frame|Cacher les lignes]]
+
[[Image:InterfListes configurer cacher champ.png|center|frame|Cacher les lignes]]
  
  
Ligne 364 : Ligne 487 :
  
  
[[Image:Vues afficher6.png|center|frame|Développer les lignes cachées]]
+
[[Image:InterfListes Afficher détail caché.png|center|frame|Champs masqués à développer]]
  
  
[[Image:Vues afficher7.png|center|frame|Les lignes cachées]]
+
[[Image:InterfListes Champ masqué affiché.png|center|frame|Champs masqués développés]]
  
  
Ligne 385 : Ligne 508 :
  
  
[[Image:Vues désactiver champs.png|center|frame|Réinitialiser les détails]]
+
[[Image:IVDL désactiver champs.png|center|frame|Réinitialiser les détails]]
  
  
Ligne 397 : Ligne 520 :
  
  
== Gestion des modèles d'affichage ==
+
== Options d'affichage ==
  
  
=== Options ===
+
[[Image:InterfListes configurer options.png|center|frame|Options disponibles pour les modèles de vues]]
  
  
Grâce au bouton '''Options''' vous pourrez afficher les filtres de recherches dans l'en-tête, définir l'ouverture des détails par défaut et/ou afficher le nom du modèle dans l'en-tête , lorsque vous ouvrirez la liste, peu importe la vue sélectionnée :
+
=== Afficher les filtres dans l'entête ===
  
  
[[Image:Vues options.png|center|frame|Options disponibles pour les modèles de vues]]
+
Cette option permet de connaitre les filtres appliquées et sauvegardé dans cette vue.
  
  
=== Enregistrer un modèle ===
+
[[Image:InterfListes configurer options AffichetFiltres.png|center|frame|Afficher les filtres dans l'entête]]
 +
 
 +
 
 +
[[Image:InterfListes configurer options AffichetFiltres resultat.png|center|frame|Résultat]]
 +
 
 +
 
 +
=== Afficher les filtres dans l'entête ===
 +
 
 +
 
 +
Cette option permet de connaitre le nom de la vue dans laquelle vous êtes.
 +
 
 +
 
 +
[[Image:InterfListes configurer options AffichetTitre.png|center|frame|Afficher le titre de la vue dans l'entête]]
 +
 
 +
 
 +
[[Image:InterfListes configurer options AffichetTitre resultat.png|center|frame|Résultat]]
 +
 
 +
 
 +
=== Toujours voir les détails ===
 +
 
 +
 
 +
Cette option permet de visualiser, par défaut, tous les détails des éléments de la liste.
 +
 
 +
 
 +
[[Image:InterfListes configurer options VoirDetails.png|center|frame|Toujours ouvrir les détails]]
 +
 
 +
 
 +
[[Image:InterfListes configurer options VoirDetails resultat.png|center|frame|Résultat]]
 +
 
 +
 
 +
=== Est une large liste et fixer la colonne titre ===
 +
 
 +
 
 +
Cette option permet de visualiser beaucoup d'informations en colonne en utilisant un scroll vers la droite. Pour une navigation de gauche à droite plus facile, l'option ''Fixer la colonne titre'' vous permettra de garder à l'œil l'élément pour lequel vous visualisez de l'information.
 +
 
 +
 
 +
[[Image:InterfListes configurer options ListeLarge.png|center|frame|Est une liste large + fixer la colonne titre]]
 +
 
 +
 
 +
[[Image:InterfListes configurer options ListeLarge Resultat.png|center|frame|Résultat]]
 +
 
 +
 
 +
== Enregistrer un modèle ==
  
  
 
À des fins pratiques, il se peut que vous deviez utiliser plusieurs affichages distincts pour des situations distinctes. Afin de faciliter la production de type de rapports, le Gestionnaire de vues vous permet d’enregistrer des modèles d’affichage qui peuvent être chargés ultérieurement.
 
À des fins pratiques, il se peut que vous deviez utiliser plusieurs affichages distincts pour des situations distinctes. Afin de faciliter la production de type de rapports, le Gestionnaire de vues vous permet d’enregistrer des modèles d’affichage qui peuvent être chargés ultérieurement.
 +
  
 
Pour ce faire, vous devez sélectionner l’option Enregistrer comme nouveau modèle dans le menu Modèles. Ensuite, une fenêtre de dialogue s’ouvrira pour que vous puissiez entrer le nom de votre modèle. À des fins de démonstration, entrez le modèle Formation
 
Pour ce faire, vous devez sélectionner l’option Enregistrer comme nouveau modèle dans le menu Modèles. Ensuite, une fenêtre de dialogue s’ouvrira pour que vous puissiez entrer le nom de votre modèle. À des fins de démonstration, entrez le modèle Formation
Ligne 525 : Ligne 691 :
  
  
Dans ''Modèles'', sélectionner ''Gérer les modèles''.
+
Dans '''''Modèles''''', sélectionner '''''Gérer les modèles'''''.
  
  
Ligne 540 : Ligne 706 :
  
  
: '''1- Nom du modèle''' : Le titre donné à chaque fiche
+
*[[Image:Tache Point1.png]] '''Nom du modèle, titre donné à chaque vue créée'''
:* L'ordre des titres sera aussi l'ordre dans laquelle les choix vont apparaître dans la boîte de sélection d'une fiche. Il suffit de glisser un titre de haut en bas pour modifier l’ordonnancement des fiches proposés.
+
: L'ordre des titres sera aussi l'ordre dans laquelle les choix vont apparaître dans la boîte de sélection d'une vue. Il suffit de glisser un titre de haut en bas pour modifier l’ordonnancement des vues proposées.
  
  
: '''2- Ressources qui ont sélectionné le modèle''' : Vous pouvez voir quel modèle chaque ressource utilise.
+
*[[Image:PointSuivi Point2 Rose.png]] '''Ressources qui ont sélectionné le modèle '''
:* Il est aussi possible de pousser un modèle à une ressource spécifique en inscrivant son nom dans la boîte de la bonne fiche.
+
: Vous pouvez voir quel modèle de vue chaque ressource utilise. Il est également possible de pousser un modèle à une ressource spécifique en inscrivant son nom dans la colonne en question.
  
  
: '''3- Ressources pouvant accéder au modèle''' : Si le nom de la ressource est couché dans cette case, elle aura accès à la fiche
+
*[[Image:PointSuivi Point3 Vert.png]] '''Ressources pouvant accéder au modèle '''
 +
: Si le nom de la ressource est renseigné dans cette colonne, elle aura accès au modèle de ladite vue.
  
  
: '''4- Par défaut''' : Vous pouvez choisir quel modèle de fiche s'ouvrira par défaut. Le modèle par défaut doit obligatoirement être disponible pour tout le monde. Le titre du modèle sera inscrit en gras.
+
*[[Image:PointSuivi Point4 Violet.png]]'''Par défaut '''
:* Il est possible d'avoir aucun modèle par défaut aussi.
+
: Vous pouvez choisir quel modèle de vue s'ouvrira par défaut. Le modèle par défaut doit obligatoirement être disponible pour tout le monde. Le titre du modèle sera inscrit en gras. Il est possible de ne définir aucun modèle par défaut.
  
  
[[Image:Vues gérer mod6.png|center|frame|Choix de fiche]]
+
[[Image:Vues gérer mod6.png|center|frame|Choix de vue]]
  
  
: '''1''' : Modèle par défaut
+
[[Image:Tache Point1.png]] Modèle par défaut
  
  
: '''2''' : Modèle sélectionné
+
[[Image:Tache Point2.png]] Modèle sélectionné

Version actuelle datée du 25 avril 2022 à 15:32

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.



Permissions requises

Pour pouvoir créer de nouveaux champs personnalisés à utiliser dans vos vues ou formulaires :


  • Sélectionner l'option Autoriser la maintenance des tables de structure de champs personnalisés en dessous du tableau des permissions


Pour pouvoir créer un nouveau modèle de vue de liste et/ou d'un formulaire d'édition :


  • Sélectionner l'option Permet de personnaliser le format des listes et des formulaires en dessous du tableau des permissions


Option pour autoriser la maintenance


Sélectionner un modèle de vue

Pour pouvoir sélectionner un modèle de vue, la permission globale minimum suivante est requise (La liste de projets est prise en exemple mais ceci est valide pour chaque liste possible) :


  • Sélectionner Lecture au niveau de la ligne de Projets


Permission requise


Sélectionner un modèle de formulaire

Pour pouvoir sélectionner un modèle de formulaire à compléter, la permission globale minimum suivante est requise :


  • Sélectionner Écriture au niveau de la ligne de Projets


Permission requise


Définition d'une vue

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

Une Vue est un ensemble de données :

  • dans des colonnes de la liste
  • dans des détails de la liste
  • filtrées


Explication des données d'une vue


Si aucune vue n'a été configurée par l'Organisation, alors une vue par défaut système sera poussée.


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 (ex : tableau agile)


Exemple de format de liste

Exemple de format liste


Exemple de format agile (Kanban)

Exemple de format agile


Modifier la configuration d'une vue (colonne, largeur, détails)

Via la liste directement

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


Fichier:InterfListes Ajuster colonne.png
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é.

Déplacer une colonne
Résultat


Via la modification du modèle

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.

Cette accès est disponible pour un utilisateur qui en détient la permission. Pour plus d'information, référez-vous à la section Permissions requises


Pour ce faire :


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


Accès


2 - cliquer sur Modifier


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


Sections de l'interface de modification d'un modèle

InterfListes Liste Modele Sections PointRose.png : Moteur de recherche permettant de rechercher un champ disponible dans la fonctionnalité

InterfListes Liste Modele Sections PointBleu.png : Champs disponibles de la fonctionnalité pour la configuration de la vue

InterfListes Liste Modele Sections PointMarron.png : Options d'enregistrement

InterfListes Liste Modele Sections PointRouge.png : Filtres/tris de la vue actuelle

InterfListes Liste Modele Sections PointJaune.png : Modification largeur des colonnes visibles de la vue

InterfListes Liste Modele Sections PointVert.png : Visualisation et espace de configuration des détails de la vue

InterfListes Liste Modele Sections PointViolet.png : Visualisation de la liste configurée


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


Une même champ ne peut être utilisé en colonne et en même temps dans les détails.


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.


Sélection d'une colonne à afficher


Utiliser le moteur de recherche disponible afin de pouvoir trouver rapidement le champ à afficher en colonne.


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.


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 Ajouter un nouveau champ personnalisé


L'ordonnancement des colonnes de la vue est celui visible dans l'interface de modification actuel. Pour déplacer une colonne, rester cliquer dessus et glisser la à la place souhaitée.


Déplacement de la colonne Titre en 1ère position
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.


Colonne verrouillée
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



À 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.


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 Petit plus.png d'un item d'une liste.


Ouverture des détails d'un item dans une vue


Enregistrer la vue

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


Pour ce faire, vous devez sélectionner l’option Enregistrer comme nouveau modèle dans le menu Modèles. Ensuite, une fenêtre de dialogue s’ouvrira pour que vous puissiez entrer le nom de votre modèle. À des fins de démonstration, entrez le modèle Formation.


Enregistrement d'un modèle


Titre du modèle


Modifier la vue des détails

Ouvrir les détails

Pour tous les éléments d'une liste, vous pouvez faire apparaître des détails personnalisés. Cette fonctionnalité vous permettra d'imprimer les éléments et détails que vous souhaitez.


Pour ouvrir les détails d'un élément, cliquez sur le Petit plus.png devant le titre de ce dernier :


Ouverture des détails pour un élément


Vous pourrez également choisir d'ouvrir tous les détails de tous les éléments de la liste. Pour ce faire, cliquez sur le Petit plus.png dans la barre de titre de la liste :


Ouverture des détails de tous les éléments de la liste


Configurer les détails

Pour configurer les détails de chacun des éléments, cliquez sur l'onglet Petit oeil.png, puis Modifier le format.


Modifier le format de vue


La fenêtre de configuration va alors s'ouvrir. La partie de droite regroupe toutes les informations qui apparaîtront dans le détail des éléments de la liste.


Configuration des détails


Ajouter une colonne, une ligne

Pour ajouter une colonne et/ou une ligne, cliquez sur Édition dans le menu en haut de la page.


Ajouter une colonne, une ligne


À des fins d’affichages, les colonnes sont limitées à quatre. De plus, la gestion des colonnes peut s’avérer plus ardue. Dans le cas où vous n’aimez vraiment pas ce que vous voyez, n’hésitez pas à réinstaurer le modèle par défaut disponible dans l'onglet Modèles.


Ajustement des lignes

Vous pouvez réorganiser les différentes informations, en les faisant glisser dans la cellules de votre choix. Vous pouvez positionner une ou plusieurs informations dans une même cellule.


Glisser une information dans les détails


Information positionnée dans les détails


Un même champ ne peut pas être à la fois dans la section Colonnes et dans la section Détails..


Déplacer une ligne

Vous pouvez déplacer les lignes contenant plusieurs champs en les faisant glisser à l'endroit choisi.


Pour ce faire, maintenez le bouton gauche de la souris enfoncé sur le petit carré de couleur (vert ou rouge) à droite de la ligne et déplacer la ligne :


Déplacer une ligne à multi-champs


Fusionner les cellules

Pour fusionner des cellules, sélectionnez les cellules à fusionner avec un clique gauche de votre souris, puis cliquez à droite pour voir une liste d'options apparaître et sélectionnez Fusionner les cellules :


Fusionner des cellules


Cellules fusionnées


Cellules fusionnées


Pour accéder aux options de personnalisation des éléments, vous pouvez également faire un clic droit avec la souris.


Glisser plusieurs éléments dans une même cellule

Pour positionner plusieurs éléments dans une même cellule, faites glisser les éléments que vous souhaités déplacer jusque dans la cellule choisie.


Dans notre exemple, nous souhaiterions réunir les éléments Programmes et Portefeuilles.


Glisser 2 éléments dans une même cellule


Résultat


Pour avoir le champ en dessous directement du titre, tenez la touche CTRL de votre clavier et cliquer sur le champ à modifier.


Insérer un en-tête dans les champs

Vous pouvez insérer un en-tête afin de regrouper, dans une même famille, différentes cellules.


Pour ce faire, sélectionnez une cellule, puis cliquez sur l'onglet Édition et Insérer l'en-tête 1.


Insérer un en-tête


La fenêtre d'insertion s'ouvrira et vous pourrez saisir le titre de l'en-tête et choisir entre les options de présentation.


Fenêtre d'insertion d'un premier en-tête


Une fois que vous aurez enregistré vos modifications, voici ce qu'il apparaîtra dans la fiche de détails :


Résultat


Pour modifier l'emplacement ou les caractères de votre en-tête, cliquer directement sur les mots pour ré-ouvrir l'édition


Pour ajouter un plus petit en-tête, sélectionnez une cellule, puis cliquez sur l'onglet Édition et Insérer l'en-tête 2.


Insérer l'en-tête 2


La fenêtre d'insertion s'ouvrira et vous pourrez saisir l'en-tête 2 et choisir entre les options de présentation.


Fenêtre d'insertion du deuxième en-tête


Une fois que vous aurez enregistré vos modifications, voici ce qu'il apparaîtra dans la fiche de détails :


Résultat


Afficher les lignes dans les détails

Pour afficher des lignes dans les détails, sélectionnez la ligne choisie et faite un clique droit pour ouvrir le menu d'édition et sélectionnez Afficher les lignes


Afficher les lignes


La ligne qui sera affichée apparaîtra avec un marqueur vert.


Afficher les lignes


Le résultat de cette option qui apparaîtra dans le détail des éléments présents sur la liste sera le suivant :


Lignes affichées


Masquer les lignes

Pour masquer un champ et/ou une section dans les détails, sélectionnez la section choisie et sélectionnez l'option souhaitée en cliquant à droite sur votre souris et sélectionnez Cacher les lignes


Cacher les lignes


La section cachée apparaîtra avec un marqueur rouge.


Cacher les lignes


Le résultat de cette option qui apparaîtra dans le détail des éléments présents sur la liste sera le suivant :


Champs masqués à développer


Champs masqués développés


Options de mise en page des détails

Chaque champ possède des options qui permettent d’ajuster l’affichage des détails qui se trouvent à l'intérieur. Pour faire apparaître les options de mise en page, cliquez sur le titre dans la cellule. Une fenêtre d’option s’affichera :


Mise en page des champs


Tout supprimer

Vous pouvez supprimer tous les détails positionnés en cliquant sur l'onglet Édition ensuite Désactiver tous les champs . Tous les éléments dans la partie Détails seront positionnés alors dans la partie de gauche Champs en attente d'être réutilisés.


Réinitialiser les détails


Récupérer la Vue par défaut

Vous pouvez à n'importe quel moment, réinitialiser la Vue par défaut. Pour ce faire, cliquez sur Modèles puis Par défaut :


Réinitialiser la vue par défaut


Options d'affichage

Options disponibles pour les modèles de vues


Afficher les filtres dans l'entête

Cette option permet de connaitre les filtres appliquées et sauvegardé dans cette vue.


Afficher les filtres dans l'entête


Résultat


Afficher les filtres dans l'entête

Cette option permet de connaitre le nom de la vue dans laquelle vous êtes.


Afficher le titre de la vue dans l'entête


Résultat


Toujours voir les détails

Cette option permet de visualiser, par défaut, tous les détails des éléments de la liste.


Toujours ouvrir les détails


Résultat


Est une large liste et fixer la colonne titre

Cette option permet de visualiser beaucoup d'informations en colonne en utilisant un scroll vers la droite. Pour une navigation de gauche à droite plus facile, l'option Fixer la colonne titre vous permettra de garder à l'œil l'élément pour lequel vous visualisez de l'information.


Est une liste large + fixer la colonne titre


Résultat


Enregistrer un modèle

À des fins pratiques, il se peut que vous deviez utiliser plusieurs affichages distincts pour des situations distinctes. Afin de faciliter la production de type de rapports, le Gestionnaire de vues vous permet d’enregistrer des modèles d’affichage qui peuvent être chargés ultérieurement.


Pour ce faire, vous devez sélectionner l’option Enregistrer comme nouveau modèle dans le menu Modèles. Ensuite, une fenêtre de dialogue s’ouvrira pour que vous puissiez entrer le nom de votre modèle. À des fins de démonstration, entrez le modèle Formation


Création d'un modèle


Création d'un modèle


La création de modèles n'est possible que si vous détenez la permission globale de Permet de personnaliser le format des listes et des formulaires . Par exemple, si vous souhaitez sauvegarder un modèle de vue pour la liste des projets, il faut que vous déteniez la permission globale Permet de personnaliser le format des listes et des formulaires.


Importer un modèle

Pour importer un modèle, il vous suffit d’ouvrir l’œil Petit oeil.png et de sélectionner le menu désiré. Par exemple, vous pouvez importer le modèle Formation préalablement enregistré à la section 1.4.1. Si vous n'avez pas la permission globale de Gérer dans l'outil choisi, vous n'allez voir que les modèles auxquels vous avez accès.


Choisir une vue


Lorsque vous enregistrez un modèle, les filtres choisis s'enregistre en même temps. Lors de l'importation d'une vue, il est possible #1 d'importer les filtres enregistrés au modèle ou bien #2 de prendre la vue avec vos filtres choisis avant l'importation.


Avec ou sans filtre


Lors de la création d'une nouvelle fiche, les filtres enregistrés ou sélectionnés se mettent automatiquement dans votre nouvelle fiche.


Filtres choisis


Nouvelle fiche


Modifier un modèle existant

Pour modifier un modèle existant, vous devez d’abord l’importer. Dans l'onglet Modèles sélectionner celui voulu. Ensuite, exécutez les modifications d’affichage désirées. Puis, resélectionnez votre modèle dans le menu Modèles. Une fenêtre de dialogue vous demandant une confirmation s’affichera.


Modifier un modèle existant


La modification de modèles n'est possible que si vous détenez la permission globale de Gérer sur l'outil de l'outil de la liste. Par exemple, si vous souhaitez modifier et sauvegarder un modèle de vue pour la liste des projets, il faut que vous déteniez la permission globale Gérer sur les Projets.


Supprimer un modèle

Pour supprimer un modèle, vous n’avez qu’à sélectionner l’option Supprimer ce modèle dans le menu déroulant du modèle désiré.


Supprimer un modèle existant


La suppression de modèles n'est possible que si vous détenez la permission globale de Gérer sur l'outil de la liste. Par exemple, si vous souhaitez supprimer un modèle de vue pour la liste des projets, il faut que vous déteniez la permission globale Gérer sur les Projets.


Gérer les modèles de vues

Tout d'abord, cliquer sur Petit oeil.png puis Modifier le format


Modifier le format


Ensuite, dans le haut de la page, aller sous l'onglet Modèles puis Gérer les modèles


Gérer les modèles


Vous pouvez changer les noms de vos modèles, voir qui utilise les vues, autoriser les personnes à avoir accès à certains modèles ainsi que de choisir le modèle de vue par défaut. Le modèle de vue par défaut est automatiquement mis à tout le monde. Pour mettre une vue par défaut à une ressources en particulier, il vous faut ajouter son nom dans la colonne Ressources qui ont sélectionnés le modèle.


Liste des modèles enregistrés


Pour modifier et/ou supprimer un modèle, faite un clic droit sur le modèle que vous voulez modifier/supprimer.


Modifier ou supprimer un modèle de vue


Le nombre de vue possible est maintenant illimitée. Pour ne pas voir toute la liste des vues, simplement inscrire votre nom dans la colonne Ressources pouvant accéder au modèle et seulement les modèle avec votre nom seront visible


Gérer les modèles disponibles

Isios vous offre la possibilité de créer autant de vue que nécessaire. Afin de ne pas alourdir les choix proposées, il est possible de personnaliser l'accès des vues proposées et ce, par ressource humaine.


Dans Modèles, sélectionner Gérer les modèles.


Gérer l'accès aux fiches


La liste des modèles disponibles s'ouvrira.


La gestion des accès est composées de différentes sections.


Gérer l'accès aux fiches


  • Tache Point1.png Nom du modèle, titre donné à chaque vue créée
L'ordre des titres sera aussi l'ordre dans laquelle les choix vont apparaître dans la boîte de sélection d'une vue. Il suffit de glisser un titre de haut en bas pour modifier l’ordonnancement des vues proposées.


  • PointSuivi Point2 Rose.png Ressources qui ont sélectionné le modèle
Vous pouvez voir quel modèle de vue chaque ressource utilise. Il est également possible de pousser un modèle à une ressource spécifique en inscrivant son nom dans la colonne en question.


  • PointSuivi Point3 Vert.png Ressources pouvant accéder au modèle
Si le nom de la ressource est renseigné dans cette colonne, elle aura accès au modèle de ladite vue.


  • PointSuivi Point4 Violet.pngPar défaut
Vous pouvez choisir quel modèle de vue s'ouvrira par défaut. Le modèle par défaut doit obligatoirement être disponible pour tout le monde. Le titre du modèle sera inscrit en gras. Il est possible de ne définir aucun modèle par défaut.


Choix de vue


Tache Point1.png Modèle par défaut


Tache Point2.png Modèle sélectionné