Skip to main content

Reto

Personalización de una vista en el momento de la ejecución

3 Tareas

5 minutos

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

Escenario

Las partes interesadas de GoGoRoad quieren que la vista de introducción de información del cliente y la vista de identificación de ubicación se optimicen para mostrar la información relevante con las validaciones correctas. Para cumplir con esta solicitud, cambie la información de cobertura de la vista de introducción de información del cliente a un layout de dos columnas y agregue la propiedad de código postal a la vista de identificación de ubicación con las validaciones requeridas.

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 una propiedad a un tipo de datos

  1. En el panel de navegación de App Studio, haga clic enData. 
  2. En la landing page Data objects and integrations (Objetos de datos e integraciones), haga clic en Service address para abrir el objeto de datos Service address (Dirección de servicio).
    data_objects_integrations_landing_page
  3. Haga clic en Add field para agregar un campo nuevo al objeto de datos Service address (Dirección de servicio).
  4. En el campo Field name(Nombre del campo), escriba Zip (Código postal).
  5. En la lista Type (Tipo), seleccione Text (single line).  
  6. Haga clic en Advanced (Avanzado)para expandir las opciones.
  7. En el campo Max length(Longitud máxima), escriba 5.
    zip3
  8. Haga clic en Submit (Enviar) y guarde los cambios. 

2 Cambiar la plantilla a un layout de dos columnas

  1. En el panel de navegación de App Studio, haga clic en Case types > Assistance Request (Tipo de casos>Solicitud de asistencia) para abrir el tipo de caso de solicitud de asistencia.
  2. Haga clic en Save and run (Guardar y ejecutar) para crear una instancia de caso.
  3. Avance al paso Identify issue(Identificar problema).
  4. En la vista de introducción de información del cliente, alterne el modo Design(Diseño).
    Design button location
  5. Pase el mouse sobre la sección Enrollment information (Información de inscripción) y, a continuación, haga clic en Edit this section para abrir el panel Enrollment information (Información de inscripción).
    Enrollment section
  6. En el panel Enrollment information (Información de inscripción), a la derecha de Template (Plantilla), haga clic en Change (Cambiar) para cambiar la plantilla.
    asdf
  7. En la ventana Select a template(Seleccione una plantilla), haga clic en 2 Column (2 columnas).
  8. En el panel Enrollment information (Información de inscripción), pase el mouse sobre Nivel de cobertura (Coverage level), haga clic en el elemento y arrástrelo a Column B.
    Move drop down to a different column
  9. Haga clic en Close (Cerrar) para cerrar el panel Enrollment information (Información de inscripción).
  10. Alterne el modo Design(Diseño).

3 Ajustar la configuración de control

  1. Haga clic en Continue (Continuar) para avanzar el caso al paso Identify location (Identificar ubicación).
  2. Alterne el modo Design (Diseño).
  3. Pase el mouse sobre la sección Service address (Dirección de servicio) y haga clic en Edit this section.(Editar esta sección).
  4. En el panel ubicado a la derecha, haga clic en Add (Agregar).
    dfsf
  5. En la sección Fields , pase el mouse sobre el campo Zip (Código postal) y haga clic en Add to view(Añadir a la vista).
    zipcode
  6. Haga clic en Close (Cerrar) para regresar al panel anterior.
    close
  7. En el panel ubicado a la derecha, pase el mouse sobre Zip y haga clic en Edit this “Text input” (Editar esta “Entrada de texto”). 
    sss
  8. Desmarque la checkbox Use property default (Usar propiedad predeterminada).
  9. En el campo Label value (Valor de etiqueta), escriba Zip code (Código postal).
  10. En la lista Placeholder (Marcador de posición), seleccione Other(Otro).
  11. En el campo de la lista Placeholder (Marcador de posición), escriba 12345 como el valor de marcador de posición.
  12. En la lista Required (Obligatorio), seleccione Always (Siempre).
    actual zip settings
  13. Haga clic en la pestaña Presentation (Presentación).
  14. En la sección Editable Settings (Configuración editable), en el campo Min characters (Caracteres mínimos), escriba 5.
  15. Repita el paso 14 para el campo Max characters (Caracteres máximos).
  16. En la sección Editable Format (Formato editable), en la lista Type (Tipo), seleccione Number (Número).
  17. En la lista Text aligment (Alineación del texto), seleccione Left (Izquierda).
  18. Desmarque la checkbox Display value using read-only formatting (Mostrar valor con el formato de solo lectura). 
    zip10
  19. Haga clic en Apply (Aplicar) para guardar los cambios.
  20. Haga clic en Close para regresar al panel anterior.
  21. Haga clic en Close para cerrar el panel de la sección.
  22. Alterne el modo Design (Diseño).

Confirme su trabajo

  1. En el menú de navegación de varios pasos (Introducir información anterior), haga clic en Enter customer information para regresar al paso anterior.
  2. En la lista Account ID (Id. de cuenta), seleccione un cliente inscrito y confirme que el nivel de cobertura aparezca en la segunda columna.
    enter_customer_information
  3. Haga clic en Continue (Continuar) para avanzar al paso Identificar ubicación.
  4. En la vista Identify location (Identificar ubicación), verifique que pueda introducir solo números en el campo Zip code (Código postal).
  5. En el campo Zip code, introduzca un valor con más de 5 dígitos y haga clic en Continue(Continuar).
  6. Configure que recibe un mensaje de error cuando la longitud de Zip code (Código postal) excede los 5 caracteres.
    zip_code
  7. En el campo Zip code, introduzca un valor con menos de 5 dígitos y haga clic en Continue.
  8. Configure que recibe un mensaje de error cuando la longitud de Zip code (Código postal) es inferior a los 5 caracteres.
  9. En el campo Zip code, escriba 5 dígitos y haga clic en Continue.
  10. Confirme que el caso avance al paso de identificación de vehículo.

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