Versions Compared

Old Version 1

changes.mady.by.user Laurent Martinez

Saved on

compared with

New Version Current

changes.mady.by.user Laurent Martinez

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...


Info
iconfalse
titleProblématique

Pour obtenir un rendu plus visuel et détrompeur dans vos requêtes du système d'information, nous mettons à disposition une bibliothèque d'icônes.


Panel
titlePréambule – Installation des outils (requêtes du système d'information)

Ce tutoriel fournit une requête qu'il est recommandé d'installer sur l'environnement cible en production ou en préproduction.

  1. Pour ce faire, cliquer sur ce fichier XML pour le télécharger en local.
  2. Se connecter à Sylob avec un utilisateur associé au rôle "Sylob_ADM" (la requête étant affectée à cet unique rôle).
  3. Lancer l'activité " Transférer des données".
  4. Sélectionner l'action "Importer" Image Added pour le transfert "Requêtes et familles de requêtes".
  5. Cliquer sur "Parcourir…" et sélectionner le fichier XML précédemment sauvegardé sur votre disque local.
  6. Cliquer sur "Valider".
    (star) La requête avec code et/ou libellé "Tuto_STE1456" est installée sur votre environnement.


À partir de l'activité "Interroger le système d'information", lancer la requête précédemment installée. 
Elle affiche la liste des icônes dont l'origine est "Fichier" ou "Font Awesome" dont voici un court extrait :

Image Added


Tip
iconfalse


Expand
titlePour afficher une icône de type "Fichier" dans une requête :

Vous devez ajouter un attribut expert dans lequel il faut renseigner le champ "Requête" comme suit : 

'<img src="/ressources/pic/icone/' || icone.ressource || '"' 

et remplacer icone.ressource par la valeur de la colonne "Ressource" pour l'icône souhaitée.

Par exemple, on peut afficher l'icône "Attention" ainsi qu'une information optionnelle au survol de cette icône (title="NOK"), ce qui donne :

Code Block
'<img src="/ressources/pic/icone/icone_anomalie.gif" title="NOK">'

Image Added


Expand
titlePour afficher une icône de type "Font Awesome" dans une requête :

Vous devez ajouter un attribut expert dans lequel il faut renseigner le champ "Fonction expert" comme suit : 

return "<i class=\"ressource fal fa-" + code + " iconeTheme\" style=\"font-size: 16px;\"></i>";

remplacer ressource par la valeur de la colonne "Ressource" et remplacer code par la valeur de la colonne "Code" pour l'icône souhaitée.

Par exemple, on peut afficher l'icône "Cut" :

Code Block
return "<i class=\"fa-cut fal fa-" + cut + " iconeTheme\" style=\"font-size: 16px;\"></i>";

Image Added



Warning
iconfalse
titleLimites
  • Les utilisateurs ne peuvent ni modifier les couleurs des icônes, ni ajouter d'autres icônes que celles proposées par Sylob.
    Au niveau de l'application (raccourcis, indicateurs, menus de navigations, etc), seules les icônes de type "Font Awesome" sont sélectionnables.
  • Seules les icônes d'origine "Fichier" proposent de la couleur.



Info
titleVoir aussi

Interroger le système d'information

Comment installer sur Sylob un fichier XML de paramétrage?