Composants d’affichage de l’interface utilisateur

  • Rversion finale: Australia
  • Mis à jour 16 mars 2026
  • 3 minutes de lecture

    • Affichez des exemples de champs de liste déroulante, de texte et de nombre tels qu’ils apparaissent aux utilisateurs finaux dans l’interface CPQ utilisateur.

    Champs de liste déroulante

    Tableau 1. Champs de liste déroulante
    Nom Options Apparence Notes
    RadioButtons Cases d’option dans le sens horizontal Sélection unique
    VerticalRadio Cases d’option dans le sens vertical Sélection unique
    Radio Options Sélection unique
    Checkbox Cochez les cases dans le sens horizontal Sélection multiple
    VerticalCheckbox Cochez les cases dans le sens vertical Sélection multiple
    Picklist Liste déroulante avec plusieurs options Liste déroulante avec une seule option Sélection unique ; Comprend une liste déroulante pour le filtrage
    BasicPicklist Liste déroulante de base Liste déroulante de base avec une seule option Sélection unique ; sélection uniquement ; aucune liste déroulante pour le filtrage
    MultiSelectPicklist Liste déroulante à sélection multiple Options multiples Sélection multiple - liste déroulante Sélection multiple ; Comprend une liste déroulante pour le filtrage
    VisualPicker Options de sélecteur visuel Sélection unique à l’aide d’images
    MultiSelectVisualPicker Sélecteurs visuels pour sélectionner plusieurs options Sélection multiple à l’aide d’images
    ExtendedPicklist Liste déroulante étendue Image d’application ERP Sélection unique à l’aide d’images ; extension de la liste déroulante ; Comprend une liste déroulante pour le filtrage
    MultiSelectExtendedPicklist MultiSelectExtendedPicklistapparaissant sous forme de liste MultiSelectExtendedPicklistapparaissant sous forme de différentes options Sélection multiple à l’aide d’images ; extension de la liste déroulante ; Comprend une liste déroulante pour le filtrage
    ExtendedPicklistDisplayOnly
    • Masquer l’étiquette de champ
    • Masquer l’étiquette de l’option
    • Centrer le contenu
    • Disposer horizontalement ou verticalement
    • Taille de l’image de contrôle
    		 ExtendedPicklistDisplayOnly Sélection unique à l’aide d’images ; extension de la liste déroulante ; Comprend une liste déroulante pour le filtrage
    MultiSelectExtendedPicklistDisplayOnly
    • Masquer l’étiquette de champ
    • Masquer l’étiquette de l’option
    • Centrer le contenu
    • Disposer horizontalement ou verticalement
    • Taille de l’image de contrôle
    		 MultiSelectExtendedPicklistDisplayOnly Sélection multiple à l’aide d’images ; extension de la liste déroulante ; Comprend une liste déroulante pour le filtrage
    SingleSelectPicklistGrid
    • Définir les en-têtes de colonnes
    • Définir l’alignement des colonnes
    • Taille de l’image de contrôle

    L’affichage du prix (code ou symbole de devise) suit les paramètres de mise en page

    		 SingleSelectPicklistGrid Sélection unique à l’aide d’images ; extension de la liste déroulante
    MultiSelectPicklistGrid
    • Définir les en-têtes de colonnes
    • Définir l’alignement des colonnes
    • Taille de l’image de contrôle

    L’affichage du prix (code ou symbole de devise) suit les paramètres de mise en page

    		 MultiSelectPicklistGrid Sélection multiple à l’aide d’images ; extension de la liste déroulante
    SingleSelectProductPickerGrid
    • Définir les en-têtes de colonnes
    • Définir l’alignement des colonnes
    • Taille de l’image de contrôle

    Crée automatiquement des règles de produit

    L’affichage du prix (code ou symbole de devise) suit les paramètres de mise en page

    L’utilisateur peut modifier les sous-champs personnalisés : inclut la quantité par défaut

    Actions en bloc :

    • Définir les valeurs
    • Inclure ou exclure des options
    • Spécifier la quantité minimale et maximale
    		 SingleSelectProductPickerGrid Sélection unique à l’aide d’images ; Sélecteur de produit
    MultiSelectProductPickerGrid
    • Définir les en-têtes de colonnes
    • Définir l’alignement des colonnes
    • Taille de l’image de contrôle

    Crée automatiquement des règles de produit

    L’affichage du prix (code ou symbole de devise) suit les paramètres de mise en page

    L’utilisateur peut modifier les sous-champs personnalisés : inclut la quantité par défaut

    Actions en bloc :

    • Définir les valeurs
    • Inclure ou exclure des options
    • Spécifier la quantité minimale et maximale
    		 MultiSelectProductPickerGrid Sélection multiple à l’aide d’images ; Sélecteur de produit
    VisualProductPicker
    • Rectangle large ou haut
    • Champs Image, Étiquette, Prix, Description et Quantité
    		 VisualProductPicker Sélection unique à l’aide d’images ; Sélecteur de produit
    MultiSelectVisualProductPicker
    • Rectangle large ou haut
    • Champs Image, Étiquette, Prix, Description et Quantité
    		 MultiSelectVisualProductPicker Sélection multiple à l’aide d’images ; Sélecteur de produit

    Champs de texte

    Tableau 2. Champs de texte
    Nom Options Apparence Notes
    Text Champ de texte
    TextArea Zone de texte
    ReadOnlyText Texte Lecture Seule Prend en charge le formatage Markdown, y compris les liens et l’insertion de contenu à partir d’autres champs
    Date Calendrier
    FormattedNumber Champ de nombre formaté Prend en charge les unités avant ou après le nombre, affiché dans l’entrée
    LocationLookup Rechercher une liste de sélection Accède à l’API Google et renvoie des données d’emplacement, qui peuvent être insérées dans les champs spécifiés

    Champs de numéros

    Tableau 3. Champs de numéros
    Nom Options Apparence Notes
    Number

    Valeurs minimales et maximales ; Taille de l’étape

    Exemple de valeur de mise en page : {"step » :1,"min » :0,"max » :100}

    		 Champ NUmber
    Slider

    Valeurs minimales et maximales ; Taille de l’étape

    Exemple de valeur de mise en page : {"step » :1,"min » :0,"max » :100}

    		 Curseur
    NumberWithSubmit Étiquette de bouton Nombre avec soumission

    Champs booléens

    Tableau 4. Champ booléen
    Nom Options Apparence Notes
    Boolean Étiquettes pour les états vrai et faux Champ booléen