Configurer le thème Next Experience pour mobile

  • Rversion finale: Xanadu
  • Mis à jour 1 août 2024
  • 3 minutes de lecture

    • Découvrez comment activer Next Experience la thématisation et comment créer et appliquer des thèmes pour vos applications mobiles.

    Activer Next Experience

    Important :
    Utilisez Next Experience la thématisation sur Utah les instances et les versions ServiceNow® ultérieures.

    Pour utiliser Next Experience la thématisation, vous devez l’avoir Next Experience activée sur votre instance. Pour obtenir des instructions d’activation et plus d’informations sur Next Experience, consultez Exploration des thèmes dans Next Experience.

    Thèmes disponibles pour les applications mobiles

    Les thèmes sont définis par les enregistrements de la table Thèmes UX [sys_ux_theme]. Votre instance comprend deux thèmes de système de base à utiliser dans l’interface utilisateur mobile.
    Polaris
    Polaris est le thème par défaut pour les instances avec Next Experience activé.
    Un nouvel enregistrement de style UX principal [sys_ux_style] appelé Couleurs mobiles par défaut est inclus dans le thème Polaris . Cet enregistrement ne peut pas être modifié, mais l’utilisateur peut créer une copie de cet enregistrement ou créer un nouvel enregistrement de thème. Donnez à votre nouvel enregistrement ou à votre enregistrement copié une valeur de priorité plus élevée pour remplacer les couleurs spécifiées dans l’enregistrement Mobile Colors par défaut .
    Hérité mobile
    L’héritage mobile est un thème de secours. Les instances avec une mise à niveau vers ou une Utah version ultérieure qui n’ont Next Experience pas activé utilisent ce thème.

    Sous le thème Polaris se trouve un enregistrement de style UX [sys_ux_style] nommé Mobile Colors Default. Cet enregistrement définit les noms des variables de couleur et les couleurs qui leur sont associées.

    Créer des thèmes et des styles

    Créez des Next Experience thèmes sur la table Thème UX [sys_ux_theme] de votre instance. Par défaut, les instances activées Next Experience utilisent le thème Polaris . Les instances non Next Experience activées utilisent le thème Mobile Legacy . Ces thèmes ne peuvent pas être modifiés, mais vous pouvez copier l’un ou l’autre et modifier cette copie.

    Chaque enregistrement de thème UX est lié à un ou plusieurs enregistrements de style UX [sys_ux_style] qui définissent l’apparence de l’interface utilisateur lorsque vous appliquez un thème à votre instance. Comme pour les enregistrements de thème, les enregistrements de style par défaut ne sont pas modifiables, mais peuvent être copiés.

    Pour en savoir plus sur Next Experience la configuration du thème, consultez Configuration des thèmes et des préférences Next Experience.

    Important :
    Les applications mobiles n’utilisent que les éléments de couleur d’un style UX. Les éléments tels que la police, l’ombre, l’opacité et d’autres éléments non colorés d’un thème ne modifient pas l’apparence de l’interface utilisateur mobile.

    Affecter un thème à votre client mobile

    Définissez un thème pour vos applications mobiles à l’aide du Générateur d'application mobile nouveau champ Thème client .

    Si le champ Thème client est vide
    Votre instance vérifie si elle Next Experience est activée et détermine l’enregistrement de thème UX [sys_ux_theme] à utiliser pour l’application mobile.
    • Si Next Experience cette option est activée, le thème Polaris est utilisé.
    • Si Next Experience cette option est désactivée, le thème Hérité mobile est utilisé.
    Si le champ Thème client n’est pas vide
    Vos applications mobiles utilisent toujours le thème spécifié dans le champ pour définir le thème de l’application mobile.

    Utiliser des variables de couleur sur vos composants Mobile personnalisés

    Utilisez des variables de couleur lors de la conception de vos composants mobiles pour fournir une expérience utilisateur cohérente. Les composants suivants tirent parti des variables de couleur :
    • Règles d'interface utilisateur
    • Sections de navigation
    • Épingles de carte
    • Icônes
    • Afficher les modèles
    • Boutons Vue mobile
    • Champs de description des entrées

    L’utilisation des variables de couleur varie en fonction du composant que vous créez. Pour plus d’informations sur l’application de variables de couleur à chacun de ces composants, reportez-vous à la section Considérations relatives au thème de couleur pour mobile.