Configurer le thème Next Experience pour mobile

  • Rversion finale: Yokohama
  • Mis à jour 30 janv. 2025
  • 3 minutes de lecture

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

    Activer Next Experience

    Important :
    Utilisez Next Experience des thèmes sur Utah les versions et versions ultérieures des ServiceNow® instances.

    Pour utiliser Next Experience le thème, 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 mobiles

    Les thèmes sont définis par des enregistrements dans la table Thèmes UX [sys_ux_theme]. Votre instance inclut 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 [sys_ux_style] appelé Mobile Colors Default 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. Attribuez à votre enregistrement nouveau ou copié une valeur de priorité plus élevée pour remplacer les couleurs spécifiées dans l’enregistrement Couleurs mobiles par défaut .
    Hérité mobile
    L’héritage mobile est un thème de repli. Les instances avec mise à niveau vers Utah ou ultérieure qui n’ont Next Experience pas été activées 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] sur 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 d’eux 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 Next Experience configuration du thème, consultez Configuration des thèmes et des préférences Next Experience.

    Important :
    Les applications mobiles 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 dans le Générateur d'apps mobiles champ Nouveau thème client .

    Si le champ Thème client est vide
    Votre instance vérifie l’état de son Next Experience activation 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 Mobile Legacy 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 mobiles 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 d’affichage mobile
    • Champs de description d’entrée

    La façon d’utiliser les 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.