Introducción a los formularios dinámicos

Objetivos de aprendizaje

Después de completar esta unidad, podrá:

Explicar las diferencias entre páginas de registro basadas en formularios dinámicos y páginas de registro estándar.
Enumerar los beneficios de los formularios dinámicos.
Migrar una página de registro a formularios dinámicos.
Explicar cómo se muestran las páginas basadas en formularios dinámicos en dispositivos móviles.

Nota

¿Su idioma de aprendizaje es español? En esta insignia, las validaciones de los retos prácticos de Trailhead funcionan en inglés. Las traducciones se incluyen entre paréntesis a modo de referencia. En su Trailhead Playground, asegúrese de (1) cambiar la configuración regional a Estados Unidos, (2) cambiar el idioma a inglés y (3) copiar y pegar únicamente los valores en inglés. Siga las instrucciones descritas aquí.

Consulte la insignia Trailhead en su idioma para saber cómo disfrutar de la experiencia traducida de Trailhead.

Accesibilidad

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

Open Trailhead screen reader instructions (en inglés)

Antes de empezar

Esta unidad se basa en la página de registro que se crea en la unidad anterior. Complete primero la unidad anterior y utilice la misma página de registro para seguir con esta unidad.

¿Qué son los formularios dinámicos?

Los formularios dinámicos llevan a Lightning App Builder (Lightning App Builder) al siguiente nivel. Le permite a usted, el administrador de Salesforce, crear experiencias flexibles y dinámicas que le encantarán a sus usuarios mediante la configuración de campos de detalles de registro y secciones en Lightning App Builder (Generador de aplicaciones Lightning).

Imagine su organización de Salesforce actualmente. Es posible que tenga versiones ligeramente diferentes de una página para respaldar diferentes perfiles o tipos de registros. También es posible que tenga formatos de página con más de 100 campos, ya que diferentes tipos de usuarios utilizan campos distintos en el mismo objeto. Cuantos más campos tenga en su diseño de página, más probabilidades hay de que el componente Record Detail (Detalles del registro) se convierta en un bloque monolítico de campos que no podrá personalizar.

Los formularios dinámicos dividen el componente Record Detail (Detalles del registro) de sus páginas Lightning en componentes de sección y campo individuales que puede colocar en cualquier parte de la página, incluso en las fichas independientes y en las secciones de acordeón. Puede utilizar reglas de visibilidad para mostrar a sus usuarios finales los campos que necesitan ver en el momento oportuno.

Página de ejemplo en Lightning App Builder (Generador de aplicaciones Lightning) con tres secciones de campo y dos o más campos en cada sección

Los formularios dinámicos le proporcionan:

Una actualización instantánea desde los diseños de página: coloque campos y secciones donde desee.
Formularios dinámicos: utilice reglas de visibilidad para mostrar y ocultar campos y secciones.
Una gestión de diseño más sencilla:
- Gestione los campos y secciones en sus páginas de Lightning App Builder (Generador de aplicaciones Lightning) sin tocar el editor de formatos de página.
- Reduzca el número de diseños de página y tipos de registros que necesita definiendo reglas de visibilidad de componentes.
- Asigne una página Lightning sin tener que asignar un diseño de página.

¿Cómo funcionan los formularios dinámicos?

Los formularios dinámicos agregan una nueva ficha al panel de componentes: Fields (Campos). La ficha Fields (Campos) contiene el componente Field Section (Sección de campo) y una lista de campos. Puede colocar un componente Field Section (Sección de campo) en cualquier lugar de la página, y puede colocar campos en cualquier lugar del componente Field Section (Sección de campo).

Puede empezar utilizando formularios dinámicos de dos maneras.

Cree una página de registro Lightning nueva. A continuación, haga clic en la ficha Fields (Campos) en el panel de componentes de Lightning App Builder (Generador de aplicación Lightning) y comience a arrastrar secciones y campos al lugar donde desee que aparezcan en la página.
Abra una página de registro existente y, con tan solo unos clics, migre los detalles de registro mediante el asistente de migración de formularios dinámicos.

En esta unidad, exploraremos la segunda opción: migración de página.

Los formularios dinámicos (tanto en versión de escritorio como en dispositivos móviles) son compatibles con la mayoría, pero no con todos los objetos estándar habilitados para LWC. Consulte Migración de LWC para páginas de inicio de registro a fin de obtener una lista de objetos habilitados para LWC. Si abre una página de registro para un objeto en Lightning App Builder (Generador de aplicaciones Lightning) y no ve la ficha Fields (Campos) en el panel de componentes, los formularios dinámicos no son compatibles con ese objeto. Como ejemplo, el objeto Note (Nota) no es compatible con los formularios dinámicos, ya que tiene un diseño fijo. Los formularios dinámicos no son compatibles con objetos que no están habilitados para LWC. Por ejemplo, Campaigns (Campañas), Products (Productos), y Tasks (Tareas), que no están habilitados para LWC, utilizan información del diseño de página.

Migrar una página de registro a formularios dinámicos

Con los formularios dinámicos, puede migrar los campos y secciones de sus páginas de registro existentes como componentes individuales en Lightning App Builder (Generador de aplicaciones Lightning). Después, configúrelos como el resto de componentes de la página, proporcionando a los usuarios solo los campos y secciones que necesitan.

Es fácil. Veamos el proceso.

En Setup (Configuración), escriba 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).
Abra la página New Opportunity (Nueva oportunidad) que creó en la última unidad.
Haga clic en la ficha Details (Detalles) y, a continuación, haga clic en los detalles del registro.
Esta acción hace que se seleccione el componente Record Detail (Detalles del registro) y muestra sus propiedades en el panel de propiedades.
En el panel de propiedades, haga clic en Upgrade Now (Actualizar ahora) para iniciar el asistente de migración de formularios dinámicos.
Siga los pasos del asistente, seleccione Opportunity Layout (Formato de oportunidad) y, a continuación, haga clic en Finish (Finalizar)
Haga clic en Save (Guardar).
Pero, espere. Al parecer, falta un campo obligatorio. Si guarda la página sin campos obligatorios, y los campos obligatorios no tienen valores, los usuarios no podrán guardar el registro después de crearlo, modificarlo o duplicarlo.
Haga clic en Cancel (Cancelar) y veamos qué falta.
Haga clic en la ficha Fields (Campos) en la paleta de componentes.
En Universally Required Fields (Campos obligatorios universalmente), falta el campo Forecast Category (Categoría de la previsión) en la ficha Details (Detalles). ¿Qué falta? Cuando migra campos desde un formato, si los campos obligatorios universalmente para el objeto no estaban presentes en el formato desde el que migró, no se agregan de forma automática. (Si echa un vistazo al formato de página de Opportunity Layout (Formato de oportunidad), podrá ver que el campo Forecast Category (Categoría de la previsión) no está).
Haga clic en la ficha Details (Detalles) y arrastre el campo Forecast Category (Categoría de la previsión) a la sección Opportunity Information (Información de la oportunidad).
Vuelva a guardar la página.

¿Por qué elegir un formato de página en el asistente de actualización cuando la ficha Fields (Campos) ya tiene todos los campos que necesita? Podría arrastrar todos esos campos de forma manual hasta la página. Pero, si en lugar de eso, elige un formato de página, el asistente de actualización agregará los campos y secciones de ese formato de página a su página de forma automática. Solo unos clics más y ya habrá terminado.

Esta es la página migrada. Cada sección es un componente, y también lo es cada campo de la sección.

Después de la migración, los detalles del registro Opportunity (Oportunidad) incluyen cinco secciones, cada una de ellas con uno o más campos.

El componente móvil de los detalles del registro se ha agregado en la parte inferior de la página, y el componente de detalles del registro original se ha eliminado. Esto es así a propósito; lo veremos más adelante.

Si piensa que los campos de las secciones están separados, no se equivoca. La vista previa de Lightning App Builder (Generador de aplicaciones Lightning) ignora la configuración de densidad para las secciones de campo. La vista previa de Lightning App Builder (Generador de aplicaciones Lightning) muestra el parámetro Comfy (Comodidad) para las secciones de campo. Se aplica la configuración adecuada de densidad cuando se muestra la página a los usuarios.

Personalizar la página

A pesar de haber dividido Record Detail (Detalles del registro) en varios componentes de campo individuales, aún quedan algunos campos en la página, que pueden provocar problemas de rendimiento. Una manera de evitar eso es mover los campos de menos prioridad a fichas o secciones de acordeón cuyo contenido no sea visible cuando se carga la página.

Vamos a optimizar la página. Primero, elimine la sección Other Information (Otra información), que está vacía.

Haga clic en la ficha Details (Detalles) del lienzo.
Pase el cursor sobre la sección Other Information (Otra información) y haga clic en para eliminarla.

A continuación, agregue una nueva ficha.

Vuelva a hacer clic en la ficha Details (Detalles).
En el panel de propiedades Tabs (Fichas), haga clic en Add Tab (Agregar ficha). Aparece un nuevo elemento de ficha Details (Detalles).
Haga clic en el nuevo elemento de ficha Details (Detalles).
En la lista Tab Label (Etiqueta de ficha), seleccione Custom (Personalizada).
Es posible que tenga que deslizarse hacia arriba, hasta la lista Tab Label (Etiqueta de ficha) para encontrar Custom (Personalizada) en la parte superior.
En Custom Label (Etiqueta personalizada), introduzca More Details (Más detalles) y, a continuación, haga clic en Done (Listo).
En el panel de propiedades, arrastre la nueva ficha More Details (Más detalles) y colóquela sobre la ficha Activity (Actividad).

Ahora, mueva las secciones de campo desde Details (Detalles) hasta More Details (Más detalles).

En el lienzo, haga clic en la ficha Details (Detalles) y pliegue la sección Opportunity Information (Información de la oportunidad), lo que reduce el espacio vertical para arrastra en el siguiente paso.
En la sección Additional Information (Información adicional), haga clic en y arrastre la sección hasta la ficha More Details (Más detalles).
Haga lo mismo con la sección Description Information (Información de descripción) y colóquela debajo de la sección Additional Information (Información adicional).
En la sección Additional Information (Información adicional), ponga el campo Tracking Number (Número de seguimiento) debajo de Delivery/Installation Status (Estado de entrega/instalación).
Haga clic en la sección Description Information (Información de descripción).
En el panel de propiedades de la sección Description Information (Información de descripción), elimine la palabra "Information" (Información) de la etiqueta de sección. Lo cierto es que este es un cambio muy pequeño (y aburrido). Sin embargo, con los campos dinámicos, puede nombrar secciones de campo como quiera. Sea creativo.

La sección Additional Information (Información adicional) tiene cinco campos, pero los usuarios no necesitan ver el campo Main Competitor(s) (Competidores principales). En esto, los formularios dinámicos son expertos. Puede personalizar la sección, dejando solo los campos oportunos, en Lightning App Builder (Generador de aplicaciones Lightning) sin utilizar el editor de formatos de página.

Por último, elimine los campos innecesarios.

En la sección Additional Information (Información adicional), pase el cursor sobre el campo Main Competitor(s) (Competidores principales) y haga clic en para eliminarlo.
Haga clic en la ficha Details (Detalles).
Expanda la sección Additional Information (Información adicional) y, a continuación, elimine el campo Primary Campaign Source (Origen de la campaña principal).
Elimine el campo Next Step (Siguiente paso).
¿Ve cómo se ajusta la columna de forma automática?
Arrastre el campo Stage (Etapa) y colóquelo sobre el campo Close Date (Fecha de cierre).
Guarde la página.

Los cambios que ha realizado aquí son un ejemplo sencillo de lo que puede hacer con formularios dinámicos. Para las páginas que tienen 100 campos o más en el bloque de Record Detail (Detalles del registro) original, este tipo de optimización puede mejorar considerablemente el rendimiento. Las páginas con menos campos para mostrar se cargan más rápido. Además, los usuarios no tienen que moverse demasiado por la página para acceder a los campos que necesitan.

Hacer que su página de registro habilitada para formularios dinámicos sea compatible con dispositivos móviles

Como parte del proceso de migración de la página, el componente Record Detail (Detalles del registro) se elimina de la página. Además, cuando migra una página de registro que es compatible tanto con los factores de forma de escritorio como móvil a formularios dinámicos, se agrega un componente móvil de los detalles del registro a la página.

El componente móvil de detalles de registro muestra el componente original Record Detail (Detalles del registro) en un contenedor apto solo para móvil. Por ello, en las páginas que son compatibles tanto con la forma de escritorio como con la móvil, los usuarios de escritorio verán los componentes de Field Section (Sección de campo) y los usuarios de móvil verán el componente móvil de detalles del registro.

Pero, espere. Esta no es la situación ideal, ¿verdad? Queremos que los usuarios móviles vean el mismo conjunto de campos organizados que los usuarios de escritorio. Por suerte, hay una solución para eso: formularios dinámicos en dispositivos móviles.

Vamos a hacer que las páginas de registro habilitadas para formularios dinámicos de la organización sean compatibles con dispositivos móviles.

En Setup (Configuración), escriba Mobile (Móvil) en el cuadro Quick Find (Búsqueda rápida) y, a continuación, seleccione Salesforce Mobile App (Aplicación móvil de Salesforce).
Active Dynamic Forms on Mobile (Formularios dinámicos en dispositivos móviles).

Al activar ese interruptor, las páginas de registro que utilizan formularios dinámicos pueden mostrar los mismos campos personalizados tanto para los usuarios de escritorio como para los usuarios móviles. Cualquier página de registro que cree en el futuro y se actualice para utilizar formularios dinámicos mostrará los campos personalizados en los dispositivos móviles y no contendrán el componente móvil de detalles del registro.

Sin embargo, como la página New Opportunity (Nueva oportunidad) se creó antes de que activáramos el interruptor, aún queda una cosa más por hacer antes de que la versión para dispositivos móviles esté lista. Si activa los formularios dinámicos en dispositivos móviles y la página de registro habilitada para formularios dinámicos existente incluye un componente móvil de detalles del registro, los usuarios seguirán viendo solo dicho componente desde su dispositivo móvil. Vamos a solucionar esto.

Para que los usuarios móviles tengan la misma experiencia con los formularios dinámicos que los usuarios de escritorio, debe eliminar el componente móvil de detalles del registro de las páginas existentes.

En Setup (Configuración), escriba 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).
Haga clic en Edit (Modificar) junto a la página New Opportunity (Nueva oportunidad).
Haga clic en la ficha Details (Detalles) del lienzo.
Pase el cursor sobre el componente móvil de detalles de registro y haga clic en para eliminarlo.
Guarde la página.

Echaremos un vistazo a la página New Opportunity (Nueva oportunidad) tanto en un equipo de escritorio como en un dispositivo móvil en la siguiente unidad.

Ahora que ya sabe lo que los formularios dinámicos pueden hacer, deles una oportunidad en su propia organización.

¿Quiere mantenerse al tanto de las últimas novedades sobre los formularios dinámicos? Únase a la Trailblazer Community de formularios dinámicos y acciones, donde los equipos de producto responderán a sus preguntas, atenderán sus preocupaciones y les proporcionarán comentarios. También puede ver la hoja de ruta de formularios dinámicos y acciones ahí.

Impulse su negocio con Salesforce Starter