Configurar temas do Next Experience para dispositivos móveis

  • Versão de lançamento: Xanadu
  • Atualizado 1 de ago. de 2024
  • 3 min. de leitura

    • Saiba como habilitar o tema Next Experience e criar e aplicar temas para seus aplicativos para celular.

    HabilitarNext Experience

    Importante:
    Use o tema [ Next Experience em Utah e versões posteriores de ServiceNow® instâncias.

    Para usar o tema Next Experience, você deve ter Next Experience habilitado em sua instância. Para obter instruções de ativação e mais informações sobre Next Experience, consulte Exploração de temas no Next Experience.

    Temas disponíveis para aplicativos para celular

    Os temas são definidos por registros na tabela Temas de UX [sys_ux_theme]. Sua instância inclui dois temas do sistema base para uso na IU para celular.
    Polaris
    Polaris é o tema padrão para instâncias com Next Experience habilitado.
    Um novo registro principal de Estilo de UX [sys_ux_style] chamado Mobile Colors Default está incluído no tema Polaris. Este registro não pode ser modificado, mas o usuário pode criar uma cópia deste registro ou criar um novo registro de tema. Dê ao registro novo ou copiado um valor de prioridade mais alto para substituir as cores especificadas no registro Padrão de cores móveis.
    Mobile legado
    O legado móvel é um tema de fallback. Instâncias com upgrade para Utah ou posterior que não têm Next Experience habilitado usam este tema.

    No tema Polaris, há um registro de Estilo de UX [sys_ux_style] chamado Mobile Colors Default. Este registro define os nomes das variáveis de cor e as cores associadas a eles.

    Criar temas e estilos

    Crie Next Experience temas na tabela Tema de UX [sys_ux_theme] em sua instância. Por padrão, as instâncias com Next Experience habilitado usam o tema Polaris. Instâncias sem Next Experience habilitado usam o tema Mobile Legacy. Esses temas não podem ser modificados, mas você pode copiar qualquer um deles e mudar essa cópia.

    Cada registro de Tema de UX está vinculado a um ou mais registros de Estilo de UX [sys_ux_style] que definem a aparência da IU quando você aplica um tema à sua instância. Assim como os registros de tema, os registros de estilo padrão não são editáveis, mas podem ser copiados.

    Saiba mais sobre a configuração do tema Next Experience em Como configurar temas e preferências do Next Experience.

    Importante:
    Os aplicativos para celular usam somente os elementos de cor de um estilo de UX. Elementos como fonte, sombra, opacidade e outros elementos que não sejam de cor em um tema não mudam a aparência da IU para celular.

    Atribua um tema ao seu cliente móvel

    Defina um tema para seus aplicativos para celular no Construtor de apps para celular usando o novo campo Tema do cliente.

    Se o campo Tema do cliente estiver vazio
    Sua instância verifica se Next Experience está habilitado e determina qual registro de Tema de UX [sys_ux_theme] usar para o aplicativo para celular.
    • Se Next Experience estiver habilitado, o tema Polaris será usado.
    • Se Next Experience estiver desabilitado, o tema Mobile Legacy será usado.
    Se o campo Tema do cliente não estiver vazio
    Seus aplicativos para celular sempre usam o tema especificado no campo para criar um tema para o aplicativo para celular.

    Use variáveis de cor em seus componentes móveis personalizados

    Use variáveis de cor ao projetar seus componentes móveis para fornecer uma experiência do usuário consistente. Os seguintes componentes aproveitam as variáveis de cor:
    • Regras de IU
    • Seções de navegação
    • Pinos de mapa
    • Ícones
    • Exibir modelos
    • Botões de exibição móvel
    • Campos de descrição de entrada

    O uso de variáveis de cor varia de acordo com o componente que você está criando. Para obter informações sobre como aplicar variáveis de cor em cada um desses componentes, consulte Considerações sobre tema de cores para dispositivos móveis.