Añadir Nitro Sign a objetos personalizados en Salesforce

1. Crea una página de Visualforce para el objeto

1. Archivo
2. Nuevo
3. Página de Visualforce
4. Se sugiere introducir el título del objeto como nombre de la nueva página Apex.
5. Copia y sustituye todo el código por:
   
   
   <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();
   });
   
   // escuchar el evento para volver al ID del objeto
   Sfdc.canvas.controller.subscribe({
   name : 'NitroSign.navigateToObject',
   onData : function (payload) {
   window.top.location.href = '/' + payload.recordId;
   }
   });
   
   // escuchamos el evento «ready», para enviar el evento «loadroute» solo cuando sea necesario
   Sfdc.canvas.controller.subscribe({
   name : 'NitroSign.appReady',
   onData : function (payload) {
   Sfdc.canvas.controller.publish({
   name: 'NitroSign.loadRoute',
   payload : {
   ruta: 'esign',
   w: {
   altura interior: window.innerHeight,
   innerWidth: window.innerWidth
   }
   }
   });
   }
   });
   </script>
   
   </apex:page>
6. En este código, sustituye «opportunity» por el nombre de la API del objeto. Consulta la imagen siguiente para ver dónde encontrar el nombre de la API en el gestor de objetos.
   
   
7. Archivo
8. Guardar
9. Cierra la ventana de la consola de desarrollador.

2. Crea el botón de Nitro Sign

1. Ve a «Configuración»
2. Gestor de objetos
3. Botones, enlaces y acciones
4. Nuevo botón o enlace
   
   
   1. Etiqueta: Escribe «Nitro Sign»
   2. Nombre: se generará automáticamente
   3. Tipo de visualización: Selecciona «Botón de página de detalles»
   4. Comportamiento: Selecciona «Mostrar en la ventana actual sin barra lateral»
   5. Fuente del contenido: en el menú desplegable, selecciona «Página de Visualforce»
      
      
      • En el menú desplegable «Contenido», selecciona el nombre de la página de Visualforce que se creó en la parte anterior de esta guía.
   6. Guarde los cambios.

3. Añade el botón «Nitro Sign» al objeto personalizado

1. Ve a «Configuración»
2. Gestor de objetos
3. Diseños de página
4. Selecciona la entrada de esta tabla haciendo clic en el enlace de la columna «Diseño de página»
5. Botones de selección
   
   
6. En algunas instalaciones, es necesario arrastrar los botones también a la sección «Acciones para móvil y Lightning» para que aparezcan en Lightning Experience
   
   
7. Pulsa «Guardar» (tal y como se muestra)