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
El reto práctico para esta insignia está localizado al japonés, español (LATAM) y portugués (Brasil). Para cambiar el idioma de su Trailhead Playground, siga estas instrucciones. Puede que la localización esté desactualizada. Si no aprueba el reto con las instrucciones localizadas, cambie el idioma a inglés y la configuración local a Estados Unidos, y vuelva a intentarlo.
Consulte la insignia Trailhead en su idioma para aprender a aprovechar la experiencia traducida de Trailhead.
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 creamos y personalizamos 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.
Vamos a probarlo. Construiremos filtros para hacer que se muestre un componente de texto enriquecido cuando el Importe de una oportunidad sea mayor o igual que 1 millón de dólares y su Fase sea Cerrada ganada.
- En Configuración, ingrese
Generador de aplicacionesen el cuadro Búsqueda rápida y, a continuación, seleccione Generador de aplicaciones Lightning. - Abra New Opportunity Page (Nueva página de oportunidad).
- Agregue un componente de texto enriquecido encima del componente Chatter en la página.
- Ingrese este texto en el componente:
¡Una oportunidad de un millón de dólares cerrada! ¡Genial! - 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.
- Mantenga Display as card (Mostrar como tarjeta) seleccionado.
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 lo que queremos decir. - Haga clic en Add Filter (Agregar filtro).
- Confirgure Field (Campo) en Amount (Importe) si no está configurado.
- Confirgure Operator (Operator) en Greater Than or Equal (Mayor o igual que). Para Value (Valor), ingrese
1000000.
- Haga clic en Listo.
- Haga clic en Add Filter (Agregar filtro) de nuevo y cree otro filtro para el campo Stage (Fase) igual a Closed Won (Cerrada ganada).
Controlar si un componente se muestra con base en 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. Configuremos reglas para un componente para que solo aparezca cuando se ve la página en un teléfono. - Agregue otro componente Texto enriquecido justo debajo del primero.
- Ingrese este texto en el componente:
This component is for mobile users only(Este componente es solo para usuarios móviles). - Personalice el texto como más le guste y luego haga clic en Agregar filtro.
- Debajo Tipo de filtro, haga clic en Dispositivo.
- Establezca el campo Valor en Teléfono y haga clic en Listo.
- 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.
Creemos 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).
- 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).
- En el panel de propiedades del campo Tracking Number (Número de seguimiento), haga clic en Add Filter (Agregar filtro).
- Cree un filtro:
- Campo: Delivery/Installation Status (Estado de entrega/instalación)
- Operador: Equal (Es igual a)
- Valor: En curso
- Haga clic en Listo.
- 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
- Haga clic en Listo.
- 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.
- 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, migramos una página de registro a Dynamic Forms, movimos algunos campos y la hicimos más dinámica con reglas de visibilidad. ¿Pero cómo lo ven nuestros usuarios? Averigüémoslo.
¿Ve lo que hizo aquí?
Examinemos nuestro trabajo. En primer lugar, observaremos la página en el escritorio.
- Haga clic en Back (Atrás) (
) en el encabezado del Generador de aplicación. - Desde el Iniciador de aplicación (
), encuentre y seleccione Ventas, y luego y haga clic en la ficha Oportunidades. - Abra la vista de lista All Opportunities (Todas las oportunidades).
- 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 movimos 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). Veamos qué sucede en la página cuando se activa la regla de visibilidad.
- Haga clic en la ficha More Details (Más detalles) si aún no lo hizo.
- Haga clic en
en el campo Delivery/Installation Status (Estado de entrega/instalación) para abrir la edición en línea. - 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.
- 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. Agregamos 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. Llegaremos a esto pronto. Para el otro componente, es porque la oportunidad no cumple los criterios que establecimos. Cambiemos eso.
- Desde las acciones a nivel de página en el panel Aspectos destacados, seleccione Modificar.
- 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 veamos la página en la aplicación móvil Salesforce.
- Abra la aplicación en su teléfono.
- 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. - Abra el menú, presione App Launcher (Iniciador de aplicación) y abra la aplicación Sales (Ventas).
- 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. Y debido a que eso provocó que la ficha 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 está algo que no vimos cuando miramos la página en la versión de escritorio: el componente de texto enriquecido solo para móvil.
