Substitua ilustrações modais por imagens personalizadas

Modifique ou substitua as ilustrações modais padrão por suas próprias imagens personalizadas para promover elementos visuais que reflitam a identidade visual da sua empresa.

Antes de Iniciar

Função necessária: ui_builder_admin

Para obter informações sobre funções granulares, consulte Granular admin roles.

Antes de carregar para, verifique se as imagens personalizadas usam as cores desejadas e atendem aos requisitos de identidade visual Construtor de temas.

Por Que e Quando Desempenhar Esta Tarefa

Importante:

As imagens personalizadas se aplicam aos espaços de trabalho e não são compatíveis com IU principal.

Procedimento

1. Navegar até Tudo > Estrutura do Now Experience > Construtor de temas.
   . Construtor de temas A página principal é aberta em uma nova guia e exibida na exibição da página inicial.
2. Use a lista suspensa Página para selecionar a exibição da página do Editor.

   Figura 1. Exibição da página do editor

   

3. Na lista suspensa Tema, selecione o tema que você deseja editar.
4. Selecione Estilos de imagem no painel estilos gerais e expanda Modais .
5. Use uma das opções a seguir para selecionar a ilustração modal que você deseja substituir.
   • Selecione o ícone Filtro e expanda a categoria modal para selecionar a ilustração de modal específica que você deseja substituir.
   • Percorra a lista de ilustrações modais na fase principal.
   Depois de selecionar uma ilustração, o painel de propriedades será aberto.

   Figura 2. Guia Estilos de imagem com modais selecionados e a ilustração Plataforma/Integração de tudo selecionada

   

6. No painel Propriedades, selecione Imagens guia.
7. Selecione o nome do arquivo de ilustração modal padrão.
   Por exemplo, o nome do arquivo listado para esta ilustração é onboarding-all-v2.svg .
   O modal de upload de imagens é exibido.
8. Use uma das seguintes opções para carregar sua imagem personalizada:
   • Selecione Procurar , escolha seu arquivo de imagem personalizada no navegador de arquivos do computador e selecione Aberto .
   • Arraste o arquivo de imagem personalizada do navegador de arquivos do seu computador e solte a imagem diretamente no modal.
   Consulte o modal de carregamento de imagem para obter limitações de tamanho e formato. Se sua imagem personalizada não atender ao tamanho e ao formato necessários, sua imagem não será salva.
9. Visualize sua imagem e selecione Salvar .
   Sua imagem personalizada aparece na fase principal no tipo de modal escolhido. O nome do arquivo da sua imagem personalizada agora está listado no painel de propriedades.

   Figura 3. Ilustração modal de plataforma/integração com imagem personalizada exibida

   

10. Opcional: Selecione Remover símbolo de substituição se quiser restaurar a ilustração modal padrão.

    Figura 4. Remover substituição

    

11. Opcional: Visualize suas edições antes de publicar seu tema em sua instância.
    1. Selecione Visualização da experiência No painel Estilos globais.
    2. Selecione a experiência que você deseja visualizar na lista suspensa Experiência.
    3. Selecione o ícone Abrir em uma nova guia para abrir a experiência em uma nova guia.

       Figura 5. Visualização da experiência

       

Resultado

Se o seu tema for publicado, suas imagens personalizadas ficarão visíveis para os usuários que têm seu tema aplicado na atualização. Para obter mais informações sobre como publicar temas, consulte Publique seus temas com Construtor de temas.