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

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

始める前に

必要なロール：admin

手順

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

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

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