Aller plus loin

On va maintenant aller un peu plus loin avec des exemples récurrents d'utilisation.

Ceux-ci sont faits sur le modèle "Analyse Fac Obj"

-

Je veux ajouter un symbole

Il est possible d'ajouter un champ symbole. Vous trouverez la liste de l'ensemble des symboles disponibles dans les sous-menu du me "HTML Symbols" à gauche : https://www.w3schools.com/charsets/ref_emoji.asp

Vous pouvez utiliser le code decimal (dec) ou/et hexadecimal (hex) pour indiquer le symbole.

-

Exemples :

Dans mon report, je crée un champ "Var" qui m'indique la variation entre le CA et les objectifs :

Si([Mt Objectif]=0;100;
(([CA]-[Mt Objectif])/[Mt Objectif])*100)

Ce que je souhaite, c'est ajouter un symbole à la suite du champ quand cette variation est positive. On va donc créer un champ avec la formule ci-dessous et on n'oublie pas de masquer la colonne "Var" pour éviter qu'elle s'affiche en double.

​Si([[Var]]>0;
"<div>" & NumeriqueEnTexte( [[Var]] ) &" &#x25B2"&"</div>";
NumeriqueEnTexte( [[Var]] ))

On constate qu'il nous manque un arrondi. On modifie donc la formule comme ci-dessous :

Si([[Var]]>0;
"<div>" & NumeriqueEnTexte( ArrondiA( [[Var]] ; 2 ) ) &" &#x25B2"&"</div>";
NumeriqueEnTexte( ArrondiA( [[Var]] ; 2 ) ))

Et on peut aller encore plus loin, certains symboles peuvent être mis en couleur (se référer à la documentation). C'est notamment le cas de celui que l'on a choisit dans cet exemple.

Je vais donc le mettre en vert.

Si([[Var]]>0;
"<div>" & NumeriqueEnTexte( ArrondiA( [[Var]] ; 2 ) ) &"<font color='Green'> &#x25B2</font>"&"</div>";
NumeriqueEnTexte( ArrondiA( [[Var]] ; 2 ) ))

Si vous voulez vous exercer, vous pouvez modifier le champ créé précédemment pour y ajouter :

  • un symbole rouge, pointant vers le bas, quand la variation est négative
  • le symbole "%"

La solution est un peu plus bas.

-

-

-

-

SiSuccessif(
[[Var]]>0;
"<div>" & NumeriqueEnTexte( ArrondiA( [[Var]] ; 2 ) ) &" %" & "<font color='Green'> &#x25B2</font>"&"</div>";
[[Var]]<0;
"<div>" & NumeriqueEnTexte( ArrondiA( [[Var]] ; 2 ) ) &" %" & "<font color='Red'> &#x25BC</font>"&"</div>";
NumeriqueEnTexte( ArrondiA( [[Var]] ; 2 ))&" %"
)

-

Je veux mettre une barre de progression

On utilise la balise <meter>.

La documentation est disponible à cette adresse : https://www.w3schools.com/tags/tag_meter.asp

-

Exemple :

Je met une barre de progression par rapport à la complétion de l'objectif.

"<div>" & "<progress value="&NumeriqueEnTexte( Arrondi( [[CA]] ) )&
" min=0"&
" max="&NumeriqueEnTexte( [[Mt Objectif]] ) &
"></progress>" &"</div>

-

Je veux mettre une image

On utilise la balise <img>.

La documentation est disponible à cette adresse : https://www.w3schools.com/tags/tag_img.asp

-

Exemple :

J'affiche le logo de Report One

"<img src='https://www.report-one.fr/wp-content/uploads/2020/05/logo-report-one-menu.svg'>"

-

L'image doit être accessible à travers une URL.

Une des astuces possible est de placer votre image dans votre dossier d'installation du Center BE.

  • Dans le répertoire d'installation de "Client Center", créer un dossier "image"

    • Le chemin par défaut est celui-ci : C:\inetpub\MyReportCenter\ClientCenter
  • Coller votre image dans ce répertoire
  • Votre image sera alors accessible à travers l'URL de votre Center : AdresseCenter/image/monimage.png

-

Exemple de personnalisation de l'image en fonction de la ligne du listing.

cf FAQ 2247 : Comment obtenir un listing du CA par commercial avec photo en dynamique dans MyReport Center BE ?

-

Je veux mettre un lien

On utilise la balise <href>.

La documentation est disponible à cette adresse : https://www.w3schools.com/tags/att_a_href.asp

-

Exemple :

J'affiche un lien vers le portail report One.

"<a href='https://portail.report-one.com/' target='_blank'>" & "lien" & "</a>"

-

Exemple de personnalisation du lien en fonction de la ligne du listing :

cf FAQ 2243 : Comment diffuser un document PDF de MyReport Messenger vers MyReport Center BE et y accéder avec un lien hyper texte depuis un report ?

-

Exemple "Interventions Projets"

Dans le MySystem Exemple , vous trouverez un dashboard exemple "Interventions Projets" reprenant les techniques évoquées dans cette fiche technique.

ghostghostghostghostghost