Adicionar uma barra lateral contextual

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 2 min. de leitura
  • Adicione uma barra lateral contextual a uma página com Construtor de IU para exibir conteúdo relacionado usando uma estrutura de guia vertical.

    Antes de Iniciar

    Função necessária: ui_builder_admin

    Por Que e Quando Desempenhar Esta Tarefa

    Você pode configurar a barra lateral contextual da mesma forma que configuraria um componente da guia. Cada guia vertical na barra lateral contextual renderiza conteúdo personalizado. Você pode colocar componentes em cada guia para acesso rápido diretamente na página.

    Por exemplo, uma página de criação de documentos pode ter o componente de anexos em uma guia, permitindo que você anexe arquivos relacionados ao documento em que está trabalhando. Em outra guia, pode haver um componente de comentários aninhados, permitindo que você adicione e exiba comentários relacionados ao documento.

    Procedimento

    1. Navegar até Tudo > Estrutura do Now Experience > Construtor de IU.
    2. Abra uma experiência para trabalhar ou crie uma experiência selecionando Criar > Experiência.
      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. Crie ou abra uma página ou variante de página.
      Para obter mais informações sobre como criar uma página em Construtor de IU, consulte Criação de uma página no Construtor de IU. Para obter informações sobre como criar uma variante de página, consulte Criar uma variante de página
    4. Na fase, abra a caixa de ferramentas selecionando o botão + Adicionar conteúdo.
    5. Selecione o bloco Layout de coluna única.
    6. Na coluna, abra a caixa de ferramentas selecionando o ícone +.
    7. Selecione o componente da barra lateral contextual para adicioná-lo à sua página.

      Construtor de IU editor com a caixa de ferramentas aberta, mostrando uma seta preta apontando para o componente da barra lateral contextual.

      A barra lateral contextual aparece na fase e a seção Guias aparece no painel de configuração.
    8. No painel de configuração na seção Guias, selecione o ícone de configurações ( ícone Configurações) para configurar a guia.
      1. No formulário, preencha os campos.
        Tabela 1. Formulário de configurações da guia
        Campo Descrição
        Rótulo da guia Rótulo exibido na guia da sua página.
        Ícone Ícone que aparece ao lado do rótulo da guia.
        Nota:
        Os ícones não são necessários.
        Ocultar guia Opção para ocultar ou exibir a guia.
      2. Selecione Save (Salvar).
    9. Na fase da barra lateral contextual, abra a caixa de ferramentas selecionando o ícone +.
    10. Selecione o componente que você deseja adicionar à guia.
      O componente é exibido na guia na árvore de conteúdo. Para obter mais informações, consulte Adicionar e configurar componentes.
    11. Opcional: Para adicionar outra guia, selecione + Adicionar na seção Guias.

    O que Fazer Depois

    Para obter informações detalhadas sobre a configuração da barra lateral contextual e suas propriedades, consulte Configuração de guias UIB no site do desenvolvedor ServiceNow.