UI 表示コンポーネント

  • リリースバージョン: Australia
  • 更新日 2026年03月16日
  • 所要時間：3分

    • CPQ UI でエンドユーザーに表示される選択リスト、テキスト、および数値フィールドの例を表示します。

    [選択リスト] フィールド

    表 : 1. [選択リスト] フィールド
    名前 オプション 外観 メモ
    RadioButtons 水平方向のラジオボタン 単一の選択
    VerticalRadio 垂直方向のラジオボタン 単一の選択
    Radio オプション 単一の選択
    Checkbox 水平方向のチェックボックス 複数選択
    VerticalCheckbox 垂直方向のチェックボックス 複数選択
    Picklist 複数のオプションを含む選択リスト 単一のオプションを含む選択リスト 単一選択;フィルタリング用のコンボボックスが含まれています
    BasicPicklist 基本選択リスト 単一オプションを含む基本選択リスト 単一選択;選択のみ。フィルタリング用のコンボボックスがありません
    MultiSelectPicklist 複数選択ピックリスト 複数オプション 複数選択:ピックリスト 複数選択。フィルタリング用のコンボボックスが含まれています
    VisualPicker ビジュアルピッカーオプション 画像を使用した単一選択
    MultiSelectVisualPicker 複数のオプションを選択するためのビジュアルピッカー 画像を使用した複数選択
    ExtendedPicklist 拡張ピックリスト ERP アプリケーションイメージ 画像を使用した単一選択。Picklist 拡張;フィルタリング用のコンボボックスが含まれています
    MultiSelectExtendedPicklist MultiSelectExtendedPicklistがリストとして表示される MultiSelectExtendedPicklistが別のオプションとして表示される 画像を使用した複数選択。Picklist 拡張;フィルタリング用のコンボボックスが含まれています
    ExtendedPicklistDisplayOnly
    • フィールドラベルを非表示
    • オプションラベルを非表示
    • センターコンテンツ
    • 水平または垂直に配置
    • 画像サイズを制御
    		 ExtendedPicklistDisplayOnly 画像を使用した単一選択。Picklist 拡張;フィルタリング用のコンボボックスが含まれています
    MultiSelectExtendedPicklistDisplayOnly
    • フィールドラベルを非表示
    • オプションラベルを非表示
    • センターコンテンツ
    • 水平または垂直に配置
    • 画像サイズを制御
    		 複数選択拡張ピックリスト表示専用 画像を使用した複数選択。Picklist 拡張;フィルタリング用のコンボボックスが含まれています
    SingleSelectPicklistGrid
    • 列ヘッダーの設定
    • 列の配置を設定
    • 画像サイズを制御

    価格表示 (通貨コードまたは記号) はレイアウト設定に従います

    		 SingleSelectPicklistGrid 画像を使用した単一選択。Picklist 拡張
    MultiSelectPicklistGrid
    • 列ヘッダーの設定
    • 列の配置を設定
    • 画像サイズを制御

    価格表示 (通貨コードまたは記号) はレイアウト設定に従います

    		 複数選択ピックリストグリッド 画像を使用した複数選択。Picklist 拡張
    SingleSelectProductPickerGrid
    • 列ヘッダーの設定
    • 列の配置を設定
    • 画像サイズを制御

    製品ルールを自動的に作成

    価格表示 (通貨コードまたは記号) はレイアウト設定に従います

    ユーザーはカスタムサブフィールドを編集できます - デフォルトでは数量が含まれています

    一括アクション:

    • 値の設定
    • オプションを含めるまたは除外する
    • 最小数量と最大数量を指定
    		 SingleSelectProductPickerGrid 画像を使用した単一選択。製品ピッカー
    MultiSelectProductPickerGrid
    • 列ヘッダーの設定
    • 列の配置を設定
    • 画像サイズを制御

    製品ルールを自動的に作成

    価格表示 (通貨コードまたは記号) はレイアウト設定に従います

    ユーザーはカスタムサブフィールドを編集できます - デフォルトでは数量が含まれています

    一括アクション:

    • 値の設定
    • オプションを含めるまたは除外する
    • 最小数量と最大数量を指定
    		 MultiSelectProductPickerGrid 画像を使用した複数選択。製品ピッカー
    VisualProductPicker
    • 幅の広い長方形または長い長方形
    • 画像、ラベル、価格、説明、数量の各フィールド
    		 ビジュアル製品ピッカー 画像を使用した単一選択。製品ピッカー
    MultiSelectVisualProductPicker
    • 幅の広い長方形または長い長方形
    • 画像、ラベル、価格、説明、数量の各フィールド
    		 MultiSelectVisualProductPicker 画像を使用した複数選択。製品ピッカー

    テキストフィールド

    表 : 2. テキストフィールド
    名前 オプション 外観 メモ
    Text テキストフィールド
    TextArea テキストエリア
    ReadOnlyText 読み取り専用テキスト リンクや他のフィールドからのコンテンツの挿入などのマークダウン書式設定をサポートします
    Date カレンダー
    FormattedNumber 書式設定された数値フィールド 入力内に表示される数値の前後の単位をサポートします
    LocationLookup ルックアップ選択リスト Google API にアクセスし、指定したフィールドに挿入できる位置データを返します

    番号フィールド

    表 : 3. 番号フィールド
    名前 オプション 外観 メモ
    Number

    最小値と最大値。ステップサイズ

    レイアウト値の例: {"step":1,"min":0,"max":100}

    		 NUmber フィールド
    Slider

    最小値と最大値。ステップサイズ

    レイアウト値の例: {"step":1,"min":0,"max":100}

    		 スライダー
    NumberWithSubmit ボタンラベル 送信付きの番号

    ブールフィールド

    表 : 4. ブールフィールド
    名前 オプション 外観 メモ
    Boolean true ステータスと false ステータスのラベル ブールフィールド