Ajouter Nitro Sign à des objets personnalisés dans Salesforce

1. Créer une page Visualforce pour l’objet

1. Fichier
2. Nouveau
3. Page Visualforce
4. Il est suggéré de saisir le titre de l'objet comme nom de la nouvelle page Apex.
5. Copiez et remplacez tout le code par :
   
   
   <apex:page sidebar="false" standardController="Opportunity" >

   <style>
   
   html body.sfdcBody {
   background: #E0E0E0 !important;
   } </style>
   
   <apex:canvasApp id="nitroApp" developerName="Nitro_Sign" maxHeight="infinite" maxWidth="infinite" />
   
   <script type="text/javascript" src="/canvas/sdk/js/51.0/controller.js"></script>
   
   <script type="text/javascript">
   var target = {canvas: "nitroApp"};
   function resize() {
   Sfdc.canvas.controller.resize( {width: '100%'}, target);
   }
   
   window.addEventListener('resize', (event) =>
   { resize();
   });
   
   window.addEventListener('load', (event) => {
   resize();
   });
   
   // écouter l'événement pour revenir à l'ID de l'objet
   Sfdc.canvas.controller.subscribe({
   name : 'NitroSign.navigateToObject',
   onData : function (payload) {
   window.top.location.href = '/' + payload.recordId;
   }
   });
   
   // écouter l'événement « ready » afin d'envoyer l'événement « loadroute » uniquement lorsque cela est nécessaire
   Sfdc.canvas.controller.subscribe({
   name : 'NitroSign.appReady',
   onData : function (payload) {
   Sfdc.canvas.controller.publish({
   name : 'NitroSign.loadRoute',
   payload : {
   route : 'esign',
   w : {
   innerHeight : window.innerHeight,
   innerWidth : window.innerWidth
   }
   }
   });
   }
   });
   </script>
   
   </apex:page>
6. Dans ce code, remplacez « opportunity » par le nom de l’API de l’objet. Reportez-vous à l’image ci-dessous pour savoir où trouver le nom de l’API dans le gestionnaire d’objets.
   
   
7. Fichier
8. Enregistrer
9. Fermez la fenêtre de la console de développement.

2. Créer le bouton Nitro Sign

1. Accédez à la configuration
2. Gestionnaire d’objets
3. Boutons, liens et actions
4. Nouveau bouton ou lien
   
   
   1. Libellé : Tapez « Nitro Sign »
   2. Nom : généré automatiquement
   3. Type d'affichage : sélectionnez « Bouton de la page de détails »
   4. Comportement : sélectionnez « Afficher dans la fenêtre existante sans barre latérale »
   5. Source du contenu : dans le menu déroulant, sélectionnez « Page Visualforce »
      
      
      • Dans le menu déroulant « Contenu », sélectionnez le nom de la page Visualforce créée précédemment dans ce guide.
   6. Enregistrez.

3. Ajoutez le bouton Nitro Sign à l’objet personnalisé

1. Accédez à la configuration
2. Gestionnaire d’objets
3. Mises en page
4. Sélectionnez l'entrée dans ce tableau en cliquant sur le lien dans la colonne « Mise en page »
5. Sélectionner les boutons
   
   
6. Dans certaines installations, les boutons doivent également être glissés dans la section « Actions mobiles et Lightning » pour apparaître dans l’expérience Lightning
   
   
7. Cliquez sur « Enregistrer » (comme indiqué)