Ajouter une aide en ligne (Formulaire / Champ)

Configuration :

• Passer le SyncTool "20190725_SyncTool_AideEnLigne.zip" sur l'application.
• Ajouter la vue "HELP : Configuration" sur le navigateur administration.
• Ajouter les lignes suivantes (noire) dans le fichier "FormularDesigner.xml" de votre application :

<?xml version="1.0" encoding="utf-8" ?>
<Designer>
  <Page>
    <WebUserControls>
      <RegisterDirective FieldType="" TagPrefix="ApsExt" TagName="AideReadction" Src="~/Custom_Extend/Help/OnlineHelp.ascx" Title="Aide à la rédaction">
        <![CDATA[(Aide à la rédaction)]]>
      </RegisterDirective>
    </WebUserControls>
  </Page>
</Designer>

• Publier le composant "Aide à la rédaction" sous l'entête du formulaire.

Exemple d'aide global sur le formulaire :

• Aller dans la page "HELP : Configuration" et créez une nouvelle entrée en cliquant sur le "+":

Attention

La "clé de l'aide en ligne" doit être "HeaderMessage"

Exemple d'aide sur un champ :

• Dans l'atelier de design, sur le champ choisi, ajouter l'option "javascript:oninit" avec la valeur : SetHelperButton('NomDuChamp');
• Aller dans la vue "HELP : Configuration" et créez une nouvelle entrée avec le nom du champ comme clé.

Pour les cases à cocher

Pour contourner le fait que le "?" apparaisse après la 1ere valeur : mettre dans ce js on init du champs :

function SetHelperButtonForChecklist(fieldName)
{
 if (IsEditMode)
   {
       if (APSIsFieldEditable(fieldName))
       {
           var a = document.getElementById(fieldName);
            if (a) {
               a.innerHTML = '<img src="' + BaseSite + 'Custom_Extend/Help/help_icon.gif" onclick="OnlineHelperMessage(\'' + fieldName + '\');" onmouseover="" style="CURSOR: pointer" />';
           }
           else {
               var oInput = APSGetFieldByName(fieldName);
               var oLnk = document.createElement("a");
               oLnk.className = 'apsFieldHelperBody icon is-right';
               oLnk.style.cursor = 'pointer';
               oLnk.innerHTML = '<i class="fa fa-fw fa-question-circle"></i>';
               APSAttachEventToElement(oLnk, "click", function () {
                  OnlineHelperMessage(fieldName);
               });
              APSGetFieldContainer(fieldName).querySelector("label").appendChild(oLnk);
           }
       }
   }
}
SetHelperButtonForChecklist('ClassificationEvenement');