Agregar reglas de visibilidad para páginas dinámicas

Objetivos de aprendizaje

Después de completar esta unidad, podrá:

• Crear reglas de visibilidad para componentes, campos y secciones de campo.
  
• Describir cómo las reglas de visibilidad pueden hacer que sus páginas sean más útiles para los usuarios.
  

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.

Antes de empezar

Esta unidad se basa en la página de registro que creó y personalizó en las dos unidades anteriores. Complete esas unidades primero y use la misma página de registro para recorrer esta unidad.

Agregar reglas de visibilidad para componentes

¿Sabía que puede controlar el momento en que un componente aparece en una página de registro Lightning? Puede filtrar, agregando visibilidad de componentes, las condiciones y la lógica a sus propiedades.

Las propiedades de visibilidad de componente aparecen cuando se selecciona un componente en una página de registro, aplicación o Inicio en el Generador de aplicación Lightning. Este comportamiento se aplica a componentes estándar, componentes personalizados y componentes de AppExchange. No es necesario hacer nada en sus componentes personalizados. Todo el proceso se controla mediante el Generador de aplicaciones Lightning. Si no define un filtro, el componente se muestra en la página Lightning como es habitual. Si define uno o varios filtros y establece la lógica de filtro para un componente, este componente permanece oculto hasta que se cumplen los criterios de la lógica de filtro.

Pruébelo creando filtros para hacer que se muestre un componente de texto enriquecido cuando el importe de una oportunidad sea mayor o igual a $1 millón y su etapa sea Closed Won (Cerrada ganada).

1. En Setup (Configuración), 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).
   
2. Abra New Opportunity Page (Nueva página de oportunidad).
   
3. Agregue un componente de texto enriquecido encima del componente Chatter en la página.
   
4. Ingrese este texto en el componente: ¡Una oportunidad de un millón de dólares cerrada! ¡Genial!
5. En las propiedades del componente, haga que el texto esté en negrita y centrado, con un tamaño de 18 puntos y cambie el tipo de letra a alguna que le guste.
   
6. Mantenga seleccionado Display as card (Mostrar como tarjeta).
   

Este parámetro hace que el texto dentro del componente sea más legible en páginas Lightning agregando un fondo blanco en vez de uno transparente. Alterne el parámetro para ver cómo cambia.

7. Haga clic en Add Filter (Agregar filtro).
   
8. Confirgure Field (Campo) en Amount (Importe) si no está configurado.
   
9. Confirgure Operator (Operator) en Greater Than or Equal (Mayor o igual que). Para Value (Valor), ingrese 1000000. 
   

10. Haga clic en Listo.
    
11. Haga clic en Add Filter (Agregar filtro) de nuevo y cree otro filtro para el campo Stage (Etapa) igual a Closed Won (Cerrada ganada).
    

Controlar si un componente se muestra en base a valores de campo no es todo lo que puede hacer con las reglas de visibilidad. Las reglas de visibilidad también controlan si los componentes aparecen en una página basándose en el factor de forma (o dispositivo) en el que está viendo la página. Configure reglas para un componente de modo que solo aparezca cuando la página se ve en un teléfono.

12. Agregue otro componente Texto enriquecido justo debajo del primero.
    
13. Ingrese este texto en el componente: This component is for mobile users only (Este componente es solo para usuarios móviles).
14. Personalice el texto como más le guste y luego haga clic en Agregar filtro.
    
15. Debajo Tipo de filtro, haga clic en Dispositivo.
    
16. Establezca el campo Valor en Teléfono y haga clic en Listo.
    
17. Guarde la página.
    

Agregar reglas de visibilidad a campos y secciones de campos

Para hacer que las páginas de registro Lightning sean aún más dinámicas, configure los filtros de visibilidad en los componentes Field (Campo) y Field Section (Sección de campo). Por ejemplo, puede tener un campo o un conjunto de campos ocultos hasta que una persona con un determinado perfil o permiso visite la página. O puede hacer que un campo se muestre solamente cuando otro campo se establezca en un valor especificado.

Cree una regla de visibilidad que oculte el campo Tracking Number (Número de seguimiento) en la página de registro hasta que el campo Delivery/Installation Status (Estado de entrega/instalación) se configure en In progress (En curso) o Completed (Completado).

1. Haga clic en la ficha More Details (Más detalles). Luego, seleccione el campo Tracking Number (Número de seguimiento) en la sección Additional Information (Información adicional).
   
2. En el panel de propiedades del campo Tracking Number (Número de seguimiento), haga clic en Add Filter (Agregar filtro).
   
3. Cree un filtro:
   

• Campo: Delivery/Installation Status (Estado de entrega/instalación)
  
• Operador: Equal (Es igual a)
  
• Valor: En curso
  

4. Haga clic en Listo.
   
5. Haga clic de nuevo en Add Filter (Agregar filtro) y cree otro filtro:
   

• Campo: Delivery/Installation Status (Estado de entrega/instalación)
  
• Operador: Equal (Es igual a)
  
• Valor: Completado
  

6. Haga clic en Listo.
   
7. En Show component when (Mostrar componente cuando), seleccione Any filters are true (Cualquier filtro es verdadero). Esta selección garantiza que el campo aparezca cuando cualquiera de los filtros sea verdadero.
   
8. Guarde la página. ¿Notó el nuevo icono en el campo Tracking Number (Número de seguimiento)? El icono de globo ocular indica que un componente o campo tiene filtros de visibilidad asignados.
   

Tenga cuidado al configurar reglas de visibilidad en varios componentes de la misma región (como una sección de acordeón, una ficha o una columna de página). Si las reglas hacen que todos los componentes de una región sean invisibles cuando se carga la página para los usuarios, la región estará vacía.

Como parte de este módulo, migró una página de registro a Dynamic Forms, movió algunos campos y la hizo más dinámica con reglas de visibilidad. ¿Pero cómo lo ven sus usuarios? Es hora de averiguarlo.

¿Ve lo que hizo aquí?

Es hora de revisar su trabajo. En primer lugar, observe la página en el escritorio.

1. Haga clic en Back (Atrás) en el encabezado del Generador de aplicaciones.
   
2. En el Iniciador de aplicación , encuentre y seleccione Sales (Ventas) y, luego, haga clic en la ficha Opportunities (Oportunidades).
   
3. Abra la vista de lista All Opportunities (Todas las oportunidades).
   
4. Seleccione Dickenson Mobile Generators.
   Es posible que tenga que actualizar la página de oportunidades para que aparezcan los cambios que realizó en la página de registro.
   

Así es como se ve la página de registro. Debido a que asignó la página de registro al perfil de administrador del sistema cuando la activó, puede verla, pero ningún otro usuario de su organización puede hacerlo. Puede personalizar las experiencias de sus diferentes usuarios creando páginas de registro personalizadas y asignándolas por aplicación, tipo de registro y perfil de usuario. Proporcione a sus responsables de ventas una vista diferente de las oportunidades a la de sus representantes de ventas. Configure las páginas de cuentas sin fines de lucro de forma diferente a las páginas de cuentas de negocio estándar.

En la ficha Details (Detalles), puede ver que la página es más concisa que antes; los campos están más organizados y, debido a que movió algunos campos fuera de la ficha Details (Detalles), la página se carga un poco más rápido.

Si hace clic en la ficha More Details (Más detalles), puede ver que el campo Tracking Number (Número de seguimiento) está oculto para los usuarios. Esto se debe a que aún no se cumplen los criterios de filtro de visibilidad. 

Consulte Reglas de visibilidad en acción

El filtro de visibilidad del campo Tracking Number (Número de seguimiento) se basa en que el campo Delivery/Installation Status (Estado de entrega/instalación) se configure en In progress (En curso) o Completed (Completado). Vea qué sucede en la página cuando se activa la regla de visibilidad.

1. Haga clic en la ficha More Details (Más detalles) si aún no lo hizo.
   
2. Haga clic en  en el campo Delivery/Installation Status (Estado de entrega/instalación) para abrir la edición en línea.
   
3. Esté atento a la sección Additional Information (Información adicional) y cambie el valor de Delivery/Installation (Entrega/Instalación) a In progress (En curso). ¿Vio aparecer el campo Tracking Number (Número de seguimiento)? Cuando se cumplen los criterios de filtro de la regla de visibilidad, se activa la regla y se muestra el campo.
   
4. Guarde los cambios.
   

Controlar si un componente o campo aparece en función de los valores de campo es solo una de las acciones que puede llevar a cabo con las reglas de visibilidad. Las reglas de visibilidad también controlan si los componentes aparecen en una página en función del perfil del usuario que la visualiza, sus permisos o el factor de forma (dispositivo) en el que ve la página.

Las reglas de visibilidad en las secciones de campo se comportan de manera diferente a como lo hacen en los campos. Las reglas de visibilidad de los campos se evalúan de forma dinámica. Los cambios que realiza un usuario mientras edita un registro pueden hacer que los campos aparezcan y desaparezcan a medida que se evalúan las reglas de visibilidad. Las reglas de visibilidad en las secciones de campo no son dinámicas y no reaccionan a lo que hace un usuario mientras edita. Las reglas de visibilidad de la sección de campo solo se evalúan después de guardar un registro.

Espere un momento. Agregó dos componentes de texto enriquecido a la página, pero no aparecen. ¿Por qué? Para un componente, se debe a que está viendo la página en un dispositivo de escritorio. Más en breve. Para el otro componente, es porque la oportunidad no cumple los criterios que estableció. Puede cambiarlo.

1. Desde las acciones a nivel de página en el panel Aspectos destacados, seleccione Modificar.
   
2. Cambie el importe de la oportunidad para que sea superior a $1 000 000, cambie la fase a Closed Won (Cerrada ganada ) y luego haga clic en Save (Guardar).
   ¡Vaya, mire eso! Ni siquiera tuvo que actualizar la página. Cuando guarda sus cambios y se cumplen los criterios del filtro, la página se actualiza automáticamente para mostrar el componente de texto enriquecido y su mensaje.
   

Ahora, observe la página en la aplicación móvil Salesforce.

1. Abra la aplicación en su teléfono.
   
2. Inicie sesión con sus credenciales de Trailhead Playground.
   ¿No está seguro de cuál es el nombre de usuario y cuál es la contraseña de su Playground? Descubra cómo recuperarlos en el módulo Gestión de Trailhead Playground.
   
3. Abra el menú, presione App Launcher (Iniciador de aplicación) y abra la aplicación Sales (Ventas).
   
4. Presione Opportunities (Oportunidades) y, a continuación, navegue hasta la oportunidad Dickenson Mobile Generators.
   Verá lo esperado: acciones, registros destacados, ruta. Pero desplácese hacia abajo un poco... 
   

Las fichas de nuestro componente Tabs (Fichas) están apiladas cuando se ven en un teléfono. Puede tocarlas para desplegarlas, ¡pero espere! Falta una. ¿Dónde está la ficha Actividad? Bien, el componente Actividades no se admite en un teléfono, de modo que se descartó en la página. Debido a que eso provocó que la ficha Activity (Actividad) estuviese vacía, también se descartó de la página. Hacia la parte inferior está el componente que apareció cuando actualizó la oportunidad a más de un millón de dólares. Pero justo debajo hay algo que no vio cuando observó la página en la versión de escritorio: el componente de texto enriquecido solo para móviles.

Recursos

• Ayuda de Salesforce: Páginas Lightning dinámicas
  
• Ayuda de Salesforce: Consideraciones sobre la regla de visibilidad de la página Lightning