Skip to main content

Challenge

Configurando uma condição de visibilidade para conteúdo de formulário

1 Tarefa

5 min

Visible to all users
Beginner Pega Platform 8.7 Interface de usuário Portuguese

Scenario

O aplicativo GoGoRoad permite que os clientes adicionem um endereço de serviço inserindo informações nos campos ou selecionando a localização no mapa. Para personalizar a experiência do usuário por canal, o consultor de IU solicitou a seguinte funcionalidade: usuários em um dispositivo não móvel devem usar os campos para inserir o endereço de serviço. Os usuários em um dispositivo móvel devem selecionar a localização em um mapa. Configure o formulário Identificar localização (Identify location) para ocultar o conteúdo redundante dependendo do dispositivo que está sendo usado.

A tabela a seguir apresenta as credenciais necessárias para concluir o desafio.

Papel (Role) Nome do usuário Senha
Desenvolvedor de aplicativo [email protected] pega123!
Nota: Seu ambiente de prática pode oferecer suporte para a conclusão de múltiplos desafios. Como resultado, a configuração exibida na apresentação do desafio pode não corresponder exatamente ao seu ambiente.

Challenge Walkthrough

Você deve iniciar sua própria instância da Pega para concluir este Challenge.

A inicialização pode leva até cinco minutos, portanto tenha paciência.

Detailed Tasks

1 Definir condições de visibilidade na etapa Identificar localização (Identify location)

  1. No painel de navegação do App Studio, clique em Case types > Assistance Request (Tipos de caso > Solicitação de assistência) para abrir o tipo de caso Solicitação de assistência (Assistance request).
  2. Clique em Save and run (Salvar e executar) para executar uma nova instância de caso.
  3. Avançar o caso para a etapa Identificar localização (Identify location)
  4. No cabeçalho do App Studio, clique em Design para entrar no modo de design.
  5. Passe o cursor sobre a seção Service address (Endereço de serviço) e clique no ícone Edit this section (Editar esta seção).
  6. No painel de configuração à direita, verifique se a seção com os campos Rua (Street), Cidade (City) e Estado (State) está aberta.
  7. Clique em Settings (Configurações) para abrir o painel de configuração dessa seção.
    default Service address section configuration pane
    1. Na guia General (Geral), na lista Visibility (Visibilidade), selecione Condition (when rule) (Condição [quando regra]). 
    2. No campo Condition for visibility (Condição para visibilidade), insira ou selecione pyIsNotMobile.
    3. Na área Caption (Legenda), selecione None (Nenhuma).
      Visibility condition pyIsNotMobile
    4. Na parte superior do painel de configuração, clique em Apply (Aplicar) para definir as configurações na seção.
    5. Feche o painel de configuração da seção.
  8. No painel de configuração, na lista Default (Padrão), selecione Identify location (Identificar localização) para abrir o painel de configuração da seção Identificar localização (Identify location).
    callout-default
  9. No painel de configuração da seção Identificar localização, passe o cursor sobre Location Field (Optional) (Campo de localização [Opcional] e clique no ícone Edit this "Section" (Editar esta "seção").
    section-edit
  10. Clique em Settings (Configurações) para abrir o painel de configuração dessa seção.
    1. Na guia General (Geral), na lista Visibility (Visibilidade), selecione Condition (when rule) (Condição [quando regra]). 
    2. No campo Condition for visibility (Condição para visibilidade), insira ou selecione pyIsMobile.
      visibility condition pyIsMobile
    3. Clique em Apply (Aplicar) para definir a configuração de visibilidade.
  11. Clique em Design para sair do modo de design.

Confirm your work

Na etapa Identificar localização (Identify location), confira se o campo Address (Endereço) e o mapa estão ocultos.

Identify location step with hidden map and Address field
Nota: Se você fosse configurar o aplicativo GoGoRoad em um dispositivo móvel, você deve conferir se o campo Endereço (Address) e o mapa estão sendo exibidos. A configuração do dispositivo móvel está fora do escopo deste desafio.

Este Desafio serve para praticar o que você aprendeu nos seguintes Módulo:


Disponível nas seguintes missões:

If you are having problems with your training, please review the Pega Academy Support FAQs.

Este conteúdo foi útil?

100% acharam esse conteúdo útil

Quer nos ajudar a melhorar esse conteúdo?

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