Como adicionar uma janela de exibição a um componente da barra lateral contextual

  • Versão de lançamento: Washingtondc
  • Atualizado 1 de fev. de 2024
  • 2 min. de leitura
  • Adicionar uma janela de exibição à sua página permite criar conteúdo separado que é exibido quando você clica em uma guia na página. Você cria guias em um componente. Em seguida, nessas guias, você pode criar páginas personalizadas ou até mesmo interfaces de usuário personalizadas de terceiros.

    Antes de Iniciar

    Função necessária: ui_builder_admin

    Por Que e Quando Desempenhar Esta Tarefa

    Crie uma janela de exibição adicionando uma guia a um componente da barra lateral contextual em sua página. Em seguida, crie conteúdo para a guia.

    Procedimento

    1. Navegar até Todos > Estrutura do Now Experience > Construtor de IU.
    2. Abra uma experiência para trabalhar ou crie uma experiência selecionando + Criar.
      Consulte Configure como os usuários interagem com suas aplicações no Construtor de IU para obter mais informações sobre como criar experiências.
    3. Abra ou crie uma variante de página.
      Para obter mais informações sobre como criar uma página em Construtor de IU, consulte Criar uma página no Construtor de IU.
    4. Adicione um componente de barra lateral contextual à sua página.
    5. Selecione o componente da barra lateral contextual na árvore de conteúdo.
    6. Mova o mouse sobre o componente da barra lateral contextual na fase e selecione Editar conteúdo.
    7. Selecione Salvar e continuar.
    8. Selecione o ícone + na seção Páginas e variantes.
      Botão Criar página na página de exibição da experiência.
    9. Insira um nome exclusivo para a página no campo Nome.
    10. Especifique um caminho para sua página no campo Caminho da URL. Construtor de IU gera um caminho padrão com base no nome que você forneceu na etapa anterior.
      Um caminho padrão é adicionado com base no nome da sua página. Você também pode criar seu próprio caminho. O caminho é obrigatório e deve ser exclusivo. O caminho pode incluir dígitos (0-9), letras (AZ, az) e alguns caracteres especiais ("-", ".", "_", "~"), com as palavras separadas por uma barra ou hífen. A visualização do URL mostra o caminho da sua página.
      Tela de detalhes da página com os campos de nome e caminho da URL.
      Nota:
      O escopo da aplicação é padronizado para o escopo em que o usuário está atualmente dentro de Now Platform®. Para obter mais informações sobre o escopo da aplicação, consulte Saiba mais sobre segurança e funções.
    11. Selecione Continuar.
    12. Selecione Criar.
    13. Selecione Editor ao lado da página que você criou.
    14. Projete seu conteúdo para a guia.

      Observe que você o está projetando no modo de edição de subpágina de Construtor de IU e não na própria página. Você pode criar a guia da mesma forma que criaria uma página. Você pode adicionar componentes, mudar layouts e assim por diante. Este exemplo mostra como adicionar uma guia a um componente da barra lateral contextual.

      Exibição de experiência com cabeçalho e componentes de lista na árvore de conteúdo.
    15. Clique em Salvar.
    16. Selecione ← Voltar para a página primária.
      Seta que aponta para o botão de voltar à página padrão na parte superior da exibição de experiência.
    17. Opcional: Clique no painel Configurar para editar a guia que você criou.
      Quando você adiciona guias da janela de exibição a um componente em Construtor de IU, o painel Configurar muda para mostrar a configuração das guias. Quando você clica em uma guia no painel Configurar, as informações da guia mudam no componente correspondente na página.
    18. Clique em Salvar.