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

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

始める前に

必要なロール：admin

手順

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

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

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