Configurer le thème Next Experience pour Mobile

  • Rversion finale: Washingtondc
  • Mis à jour 1 févr. 2024
  • 3 minutes de lecture

    • Découvrez comment activer Next Experience les thèmes, ainsi que créer et appliquer des thèmes pour vos applications Mobile.

    Activer Next Experience

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

    Pour utiliser Next Experience la thématisation, vous devez l’avoir Next Experience activé 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 Mobile

    Les thèmes sont définis par des enregistrements dans 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 par défaut des couleurs mobiles .
    Mobile hérité
    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 avec Next Experience activé utilisent le thème Polaris . Les instances non Next Experience activées utilisent le thème hérité Mobile . 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 la configuration des Next Experience thèmes, consultez Configuration des thèmes et des préférences Next Experience.

    Important :
    Les applications Mobile utilisent uniquement 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 champ Nouveau thème client .

    Si le champ Thème client est vide
    Votre instance vérifie si l’état est Next Experience activé 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 Mobile 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 Mobile 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 de vue Mobile
    • Champs de description des entrées

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