Personalizar componentes y campos de páginas de registro

Objetivos de aprendizaje

Después de completar esta unidad, podrá:

• Crear, personalizar y gestionar páginas Lightning.
  
• Usar el Generador de aplicación Lightning.
  
• Asignar una página Lightning a un perfil.
  

Nota

¿Es su idioma de aprendizaje español (LATAM)? Comience el reto en un Trailhead Playground en español (LATAM) y copie y pegue los valores en español (LATAM). Si no aprueba el reto en su organización en español (LATAM), recomendamos que (1) cambie la configuración local a Estados Unidos, (2) cambie el idioma a inglés (según estas instrucciones) y, luego, (3) haga clic en el botón “Check Challenge” (Comprobar el reto) nuevamente.

Consulte la insignia Trailhead en su idioma para obtener más información sobre cómo aprovechar la experiencia de Trailhead en otros idiomas.

Accesibilidad

Esta unidad requiere algunas instrucciones adicionales para los usuarios de lectores de pantalla. Para acceder a una versión detallada para lectores de pantalla de esta unidad, haga clic en el siguiente vínculo:

Abrir las instrucciones para lectores de pantalla de Trailhead.

Páginas de registro

Lo que ve cuando inicia sesión en Salesforce por primera vez solo es el principio. Puede combinar el Generador de aplicación Lightning y formatos de página para personalizar muchos elementos en las páginas de registro de objetos.

La mayoría de las páginas que ve en Lightning Experience, como la página de inicio y las de registro, son páginas Lightning. Las páginas Lightning son una recopilación de componentes dispuestos en áreas de la página. Con el Generador de aplicación Lightning, puede personalizar la estructura de la página, la ubicación de sus componentes y los campos de detalle de registro que muestra. (Obtenga más información en el módulo Generador de aplicación Lightning aquí mismo en Trailhead).

Otro contenido de la página, como los botones, los vínculos, las acciones y las listas relacionadas que aparecen en la página, se controla con otra herramienta llamada Editor de formatos de página. 

En esta unidad, trabajamos con el Generador de aplicación Lightning y con el Editor de formatos de página para abordar cómo personalizar las páginas de registro de Lightning.

El Generador de aplicación Lightning le permite:

• Controlar qué componentes aparecen en las páginas Lightning
  
• Crear páginas Lightning personalizadas para diferentes aplicaciones y usuarios
  
• Controlar qué campos aparecen en las páginas de registro
  

El editor de formatos de página le permite:

• Controlar qué listas de registros relacionados y vínculos personalizados ven los usuarios
  
• Controlar qué botones estándar y personalizados aparecen en registros y listas relacionadas
  
• Controlar qué acciones rápidas aparecen en la página
  

Quizás esté pensando "¿botones, listas, detalles de páginas? ¿Qué es todo esto?". Vamos a analizar la página de registro mediante un registro de contacto de ejemplo, y luego profundizaremos y personalizaremos una página.

Estas son las partes de una página de registro que puede personalizar para crear una vista personalizada de diferentes equipos y procesos de su organización.

• En la unidad anterior, aprendió sobre los aspectos destacados del registro (1) y cómo personalizar los campos que se muestran mediante formatos compactos. El área de aspectos destacados del registro también contiene un conjunto de botones y acciones (2), que aprenderá a personalizar en una unidad posterior.
  
• La ficha Relacionado (3) contiene listas relacionadas, las cuales son listas de otros registros asociados al registro que está visualizando. Por ejemplo, una cuenta puede tener contactos, oportunidades, productos relacionados y otros registros personalizados.
  
• La ficha Detalles (4) muestra información acerca de un registro. Los campos y vínculos aparecen aquí de manera predeterminada. Por ejemplo, una página de detalles de registro de contacto muestra el nombre, la dirección, el propietario, la cuenta y otros campos utilizados para almacenar información acerca del contacto y otros registros relacionados. 
  

Mencionamos botones, vínculos y acciones. Los abordaremos detalladamente y compartiremos cómo modificarlos en las páginas Lightning en unidades posteriores. En esta unidad, nos centraremos en la personalización de la estructura de la página, los componentes, los campos de detalle de los registros y las listas relacionadas.

Crear una página de registro de Lightning personalizada

María desea crear una página de registro Energy Audit (Auditoría de energía) para su equipo de ventas, de modo que puedan tener la información necesaria de campos y listas relacionadas al alcance de la mano cuando ven registros de auditoría de energía.

Cuando se creó el objeto personalizado Energy Audit (Auditoría de energía), se creó también la página de registro Energy Audit (Auditoría de energía) predeterminada del sistema. En estos momentos, todos los usuarios de la organización que ven un registro Auditoría de energía ven la información de ese formato predeterminado. María va a crear una página de registro personalizada solo para los representantes de ventas.

Sigámosla.

1. En el Iniciador de aplicación , busque y seleccione Energy Consultations (Asesoramientos energéticos). A continuación, haga clic en la ficha Energy Audits (Auditorías de energía).
   
2. Abra la vista de lista All (Todos).
   
3. Seleccione Burlington evaluation (Evaluación de Burlington).
   
4. En el menú Setup (Configuración) , seleccione Edit Page (Modificar página).
   La página se abrirá en el Generador de aplicaciones Lightning.
   
5. En las propiedades de la página, cambie la etiqueta a Energy Audit Record Page for Sales (Página de registro de auditoría de energía para ventas).
   
6. Cambie el nombre de la API a Energy_Audit_Record_Page_for_Sales.
   
7. Haga clic en la ficha Details (Detalles) del lienzo y, a continuación, en el componente Record Detail (Detalle del registro), donde se encuentran los campos.
   Allí aparecen todos los campos del objeto Energy Audit (Auditoría de energía). Sin embargo, están todos en un bloque que no se puede personalizar. Podemos cambiarlo con solo hacer clic en un botón.
   
8. En el panel de propiedades, haga clic en Upgrade Now (Actualizar ahora) para iniciar el asistente de migración de Dynamic Forms.
   

Con Dynamic Forms, puede migrar los campos y las secciones de sus páginas de registro existentes como componentes individuales. A continuación, puede configurarlos como el resto de los componentes de la página, agregar más, eliminar algunos o desplazarlos, para mostrar a los usuarios solo los campos y las secciones que necesiten.

9. Siga los pasos del asistente, seleccione Energy Audit Layout (Formato de auditoría de energía) y haga clic en Finish (Finalizar).
   La columna de la derecha está casi vacía, y los campos pueden organizarse mejor. Vamos a solucionar esto.
   
10. Haga clic en el campo Audit Notes (Notas de auditoría) y arrástrelo a la columna de la derecha, arriba de Owner (Propietario).
    
11. Arrastre el campo Type of Installation (Tipo de instalación) arriba de Audit Notes (Notas de auditoría).
    
12. Si aún no está ahí, mueva Account (Cuenta) debajo de Energy Audit Name (Nombre de auditoría de energía).
    
13. Haga clic en Save (Guardar) y, luego, en Not Yet (Aún no). 
    La activación de la página la pondrá a disposición de los usuarios. Sin embargo, esta página aún no está lista para los usuarios. María quiere agregar una lista relacionada.
    

Personalizar listas relacionadas

Debido a que Energy Audit (Auditoría de energía) es un objeto personalizado, no tiene listas relacionadas... aún. Agreguemos una. Podemos hacerlo en el Editor de formatos de página.

1. Haga clic en Back (Atrás) en el encabezado del Generador de aplicaciones.
   
2. En el menú Setup (Configuración) , seleccione Setup (Configuración).
   La configuración se abrirá en una nueva ficha del navegador.
   
3. Haga clic en Object Manager (Gestor de objetos) y, a continuación, busque Energy Audit (Auditoría de energía) en la lista de objetos y haga clic en ella.
   
4. Haga clic en Page Layouts (Formatos de página) y, luego, en Energy Audit Layout (Formato de auditoría de energía).
   
5. Desplácese hasta la sección Listas relacionadas.
   
6. En la paleta, haga clic en Related Lists (Listas relacionadas) y arrastre el elemento Files (Archivos) hasta la sección Related Lists (Listas relacionadas).
   Con la lista relacionada Files (Archivos), los representantes de ventas de Ursa Major Solar pueden agregar archivos a un registro y ver una lista de los archivos asociados con el registro.
   
7. Haga clic en Quick Save (Guardado rápido) y, a continuación, haga clic en Yes (Sí).
   

Activar la página

María terminó de personalizar la página por ahora, pero nadie puede verla. Es hora de activar la página Lightning para que los usuarios de Ventas puedan verla.

1. Desde Setup (Configuración), haga clic en la ficha Home (Inicio).
   
2. Ingrese App Builder (Generador de aplicaciones) en el cuadro Quick Find (Búsqueda rápida) y, a continuación, seleccione Lightning App Builder (Generador de aplicaciones Lightning).
   
3. Haga clic en Edit (Modificar) junto a la página Energy Audit Record Page for Sales (Registro de auditoría de energía para ventas).
   
4. Haga clic en Activación.
   

Existen cuatro opciones para la activación.

• Convertir la página en el valor predeterminado de la organización para el objeto.
  
• Convertir la página en la página de registro de objeto predeterminada para aplicaciones Lightning específicas.
  
• Asignar la página a una combinación de aplicaciones Lightning, tipos de registro y perfiles.
  
• Asignar a la página un factor de forma, como para una computadora o un teléfono.
  

María desea que los representantes de ventas de Ursa Major Solar vean esta nueva página de registro. Ella va a asignarla al perfil de usuario de su equipo de Ventas de modo que cuando vean registros de auditoría de energía, se muestre la vista revisada de los campos y la nueva lista relacionada. También se asegurará de que esté asignada tanto a computadoras como a teléfonos, para que los usuarios puedan verla cuando trabajen en sus computadoras y en sus dispositivos móviles. Vamos a empezar. 

1. Haga clic en la ficha Aplicación, Tipo de registro y Perfil.
   
2. Haga clic en Asignar a aplicaciones, tipos de registro y perfiles.
   
3. Siga los pasos del asistente y asigne la página a la aplicación Asesoramientos energéticos, el factor de forma de computadora y teléfono, el tipo de registro Principal y ambos perfiles personalizados: Perfil de ventas y Administrador del sistema.
   

Normalmente, María solo seleccionaría Personalizado: perfil de ventas, pero ya que usted inició sesión como Administrador del sistema, lo seleccionamos también de modo que pueda ver el aspecto del nuevo formato de página.

4. Revise las asignaciones de la página.
   La columna Nueva página se completa con el nombre de la página que vamos a activar: Página Energy Audit Record for Sales (Registro de auditoría de energía para ventas).
   
5. Haga clic en Guardar.
   

La página de registro personalizada de María ya está activa. Vamos a comprobarla.

Ver la página personalizada

1. Haga clic en Back (Atrás) en el encabezado del Generador de aplicaciones.
   
2. Desde el Iniciador de aplicación , busque y seleccione Energy Audits (Auditorías de energía) y, luego, abra un registro de auditoría. 
   Es posible que tenga que actualizar la página para ver los cambios.
   
3. Mire la ficha Detalles. Ahora está más condensada y es más eficiente.
   

Antes

Después

4. Haga clic en la ficha Related (Relacionado).
   

Ahora puede ver allí la lista relacionada Files (Archivos), a la espera de que alguien cargue algo.

¡Excelente trabajo! Ahora que sabe un poco más sobre la personalización de las páginas Lightning, puede empezar a crear páginas que ofrezcan a los usuarios exactamente lo que necesitan. Si organiza los componentes y los campos en secciones lógicas, facilitará aún más a los usuarios el almacenamiento y la gestión de los datos importantes para su negocio.

Recursos

• Ayuda de Salesforce: Crear y configurar páginas de registros de Lightning Experience
  
• Ayuda de Salesforce: Activar páginas de registro de Lightning Experience
  
• Ayuda de Salesforce: Consideraciones sobre el Generador de aplicaciones Lightning