---
sourceDocument: Xanadu モバイルの構成とナビゲーション
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/mobile

 Release :

    - xanadu

ft:locale :

    - ja-JP

ft:publication_title :

    - Xanadu モバイルの構成とナビゲーション

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Platform


---

# セグメント化されたコントロールエリアのセグメントボタンの色のカスタマイズ

# セグメント化されたコントロールエリアのセグメントボタンの色のカスタマイズ {#ariaid-title1}

* リリースバージョン: Xanadu
* 
* 更新日 2024年08月01日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：1分

セグメントボタンの色をカスタマイズして、タップしたセグメントボタンをユーザーが識別できるようにします。たとえば、ボタンが選択されていることを示すために、より暗い色を使用します。

## 始める前に

必要なロール：admin

## 手順

1. カードテンプレートフォームにアクセスします。
   1. Web ベースの UI で、フィルターナビゲーターに `sys_sg_form_screen.list` と入力します。
   2. 構成する動的画面セグメントを含むレコード画面を選択します。
   3. \[レコード画面セグメント\] タブを選択し、動的レコード画面セグメントを含む埋め込み画面の横にある情報アイコン ( ![情報アイコン]()) を選択します。
   4. メニューから \[レコードを開く\] を選択します。
   5. \[動的セグメントリストストリーム (Dynamic segment list stream)\] フィールドから、情報アイコン (![情報アイコン]()) を選択し、\[レコードを開く (Open Record)\] を選択します。
   6. 動的セクションに使用するリストストリーム M2M アイテム構成を選択します。
   7. リストアイテム構成フォームの \[カード \] フィールドで、情報アイコン ( ![情報アイコン]()) を選択し、\[ レコードを開く\] を選択します。
   {#dynamic-segmented-control-config__substeps_aj3_xh4_fpb}
2. \[カードテンプレート\] フォームで、メニューアイコン ( ![\[メニュー\] アイコン]()) を選択し、 Configure (構成)フォームレイアウト.
3. \[カードテンプレートの構成 (Configuring Card Template)\] フォームで、\[ ルートビュー属性 JSON\] を選択し、選択した領域に移動します。  
   ルートビュー属性 JSON がカードテンプレートフォームに表示されます。
4. \[保存\] を選択します。
5. カードテンプレートフォームの \[ ルートビュー属性 JSON \] フィールドに次の JSON コードを貼り付けて、セグメント化されたコントロールでタップされたセグメントの外観を定義します。  

       {
       "OnSelect":
          {
            "BackgroundColor" : "Primary",
            "TextColor": "#FFFFFF"
          }
       }

6. **オプション:** 標準のプライマリ、セカンダリ、または破棄の値がカラースキームに適合しない場合は、16 進数のカラー値を指定して、背景色とテキストの色のデフォルト値を変更します。
7. ヘッダーを右クリックして、\[保存\] を選択します。