Ajouter une barre de progression dans vos smartforms (par @Riva)

Présenter une barre de progression à la place d’un pourcentage d’avancement va propulser vos formulaires à un tout autre niveau !

Progress Bar
100% mieux que du texte simple


Ce hack (HTML) est très simple, voici la procédure à suivre :
Le seul prérequis est d’avoir une propriété pour stocker le pourcentage d’avancement de votre instance de workflow. La valeur de cette propriété peut être gérée librement depuis un workflow ou un formulaire.

  1. Ajouter un Data Label dans la vue (list ou item) et cocher la case Literal (cela permet d’interpréter le HTML).
  2. Assigner une expression à ce Data Label. L’expression utilisée n’est pas complexe (cf image ci-dessous), le IF sert à changer la couleur du texte si la progression est nulle. Voici le contenu à copier / coller et à adapter si besoin, le champ avancement correspondant à la propriété contenant le pourcentage à afficher. <div align="left" style="padding:1px;background-color:#0c95be;color:#000000;width: L’avancement %">&nbsp;&nbsp; L’avancement %</div>
  3. Tester 

En image:

Progress Bar
Un Data Label dans une vue Item ou List et le tour est joué
Progress Bar
Il ne faut pas avoir peur de cette expression. En regardant plus près, vous verrez qu’elle est accessible.
Progress Bar
Perso, je suis en train de mettre des barres de progression dans toutes mes applications…

Cet article est la traduction de la page du blog How2K2 de Riva, un grand merci pour ce tips ! 

C’est tout pour cette fois, cheers !

benjamin

Technical Specialist @t K2 France ----- Twitter : @benjaminbertram ----- LinkedIn : Benjamin Bertram

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.