Skip to main content

Reto

Agrupación de campos en vistas

3 Tareas

15 minutos

Visible to all users
Principiante Pega Platform 8.7 Interfaz de usuario Español

Escenario

Según el feedback, los clientes de GoGoRoad no pueden revisar la información antes de enviar una solicitud de asistencia, lo que genera confusión y tiempo adicional dedicado a corregir la información. El equipo de administración de GoGoRoad ha decidido implementar una pantalla final de confirmación de solo lectura después de que los clientes introduzcan toda la información correspondiente. Esta pantalla de confirmación le presenta toda la información al cliente antes de permitirle enviar la solicitud de asistencia.

La siguiente tabla incluye las credenciales que necesita para completar el reto.

Rol Nombre de usuario Contraseña
Desarrollador de aplicaciones author@gogoroad pega123!
Nota: Su entorno de práctica podría admitir la compleción de varios retos. Como resultado, es posible que la configuración que se muestra en el tutorial del reto no coincida exactamente con su entorno.

Recorrido del Reto

Debe iniciar su propia instancia de Pega para completar este Título del desafío.

La inicialización puede demorar hasta 5 minutos. Le pedimos que tenga paciencia.

Tareas detalladas

1 Agregar un paso de recolección de información al proceso de introducción de información de pago

  1. En el panel de navegación de App Studio, haga clic en Case types > Assistance Request  (Tipos de casos > Solicitud de asistencia) para abrir el tipo de caso de solicitud de asistencia.
  2. En el proceso Enter payment information (Introducir información de pago), haga clic en Step > Collect information (Paso > Recopilar información) para agregar un paso de recolección de información.
    add-collect-information-step
  3. Cambie el nombre del paso a Review assistance request (Revisar solicitud de asistencia).
  4. En el panel de propiedades, haga clic en Configure view (Configurar vista) para abrir el editor de formularios.
  5. En el panel izquierdo, haga clic en Views (Vistas) para ver la lista de vistas.
    configure view window
  6. Desde la lista de vistas, pase el mouse sobre Enter customer information  (Introducir información del cliente) y haga clic en el ícono Add (Agregar) para agregar la vista actual al paso de revisión de solicitud de asistencia.
  7. Repita el paso 6 para agregar las vistas Identify location, Identify vehicle y Enter payment information (Identificar ubicación>Identificar vehículo>Introducir información de pago).
    adding of fields to a section
  8. En la lista Options  (Opciones), seleccione Read-only (Sólo lectura) para todas las vistas agregadas.
  9. Haga clic en Submit (Enviar).
  10. Haga clic en Save (Guardar) para guardar los cambios realizados en el tipo de caso de solicitud de asistencia.

2 Agregar grupos de diseño

  1. Cree un nuevo caso de solicitud de asistencia.
  2. Avance el caso hasta el paso de introducción de información del cliente.
  3. En la pantalla Enter customer information (Introducir información del cliente), seleccione el Id. de cuenta para un usuario con el nivel de cobertura Estándar.
    Nota: Si se selecciona un usuario con la cobertura Oro, no se muestra la vista de introducción de información de pago durante el procesamiento del caso.
    image which shows the coverage level of the customer
  4. Avance el caso hasta la vista de revisión de solicitud de asistencia.
    Nota: Si el nombre de la vista no aparece, puede verificar en qué posición se encuentra en el ciclo de vida del caso haciendo clic en el encabezado de etapa.
  5. Pase el mouse sobre la sección y, a continuación, haga clic en el ícono Configure this view (Configurar esta vista).
    Configure section button
  6. En el panel derecho, haga clic en Change  para cambiar la plantilla. Aparecerá la ventana Select a template (Seleccionar plantilla).
    image shows change icon
  7. En la ventana Select a template, haga clic en Mobile page with content and layout group (Página móvil con contenido y grupo de diseño).
    Nota: La plantilla Mobile page with content and layout group  se puede usar para implementar la vista con un layout group desde App Studio.
  8. Arrastre y suelte todas las secciones a la región B (Grouped - Tab).
    image shows change icon and regions in the template

3 Cambio de las etiquetas de sección

  1. En la región B (Grouped - Tab), haga clic en el ícono de edición para la sección Enter customer information (Introducir información de cliente).
    Click edit
  2. En el panel derecho, haga clic en Settings (Ajustes).
  3. En la sección Container settings (Configuración de contenedor), en el campo Title (Título), escriba Customer information (Información del cliente).
    Customer information settings
  4. Haga clic en Apply (Aplicar) y, a continuación, haga clic en Close (Cerrar).
  5. Repita los pasos 1 a 4 para cambiar las etiquetas para las secciones restantes:
    Sección Título
    Identificar ubicación Dirección de servicio
    Identificar vehículo Información del vehículo
    Introducir información de pago Información de pago

Confirme su trabajo

  1. En la pantalla Review assistance request (Revisar solicitud de asistencia), haga clic en cada pestaña para mostrar información de cliente, dirección de servicio, vehículo y pago.
  2. Confirme que la información sea de solo lectura.
    image showing review screen

Este Reto es para practicar lo aprendido en el siguiente Módulo:


Disponible en las siguientes misiones:

Si tiene problemas con su formación, por favor consulte las preguntas frecuentes de Pega Academy.

¿Le ha resultado útil este contenido?

¿Quiere ayudarnos a mejorar este contenido?

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice