フィールドスタイルを定義する

  • リリースバージョン: Zurich
  • 更新日 2025年07月31日
  • 所要時間：3分

    • フィールドスタイルを使用すると、リストまたはフォーム内のフィールドの個々の CSS スタイルを宣言できます。

    始める前に

    必要なロール：personalize_styles または admin

    このタスクについて

    CSS では、フィールドの次の属性を変更できます。
    • 色を変更します。
    • フォント属性 (太字、斜体、下線) を変更します。
    • テキストのパディングと配置を変更します。

    フィールドスタイルは、フィールドスタイルと同じスコープ内にあるテーブルとデータベースビューに対して定義することも、フィールドスタイルと同じスコープ内に少なくとも 1 つのフィールドを持つ他のテーブルに対して定義することもできます。テーブルに定義されたフィールドスタイルは、そのテーブルを含むデータベースビューには適用されません。データベースビュー用に個別のフィールドスタイルを作成します。

    注:
    フィールドスタイルは、アクティビティフォーマッターで使用されるコメントと作業メモフィールドには適用されません。これらのフィールドの背景色は、sys_properties テーブルにある glide.ui.activity_stream.style.comments および glide.ui.activity_stream.style.work_notes システムプロパティを使用して設定できます。

    手順

    1. 次のいずれかの方法で、フィールドのスタイルのリストに移動します。
      • フォームでフィールドラベルを右クリックして、[スタイルを構成] を選択します。
      • 移動先 システム UI > フィールドスタイルをクリックし、スタイルを適用するフィールドを見つけます (アドミンのみ)。
    2. [新規] を選択するか、変更するスタイルを選択します。
    3. フォームに入力します。
      フィールド 説明
      テーブル フィールドを含むテーブル。
      注:
      リストには、フィールドスタイルのスコープ保護を満たすテーブルとデータベースビューのみが表示されます。
      フィールド名 スタイルを適用するフィールド。
      値 スタイルを適用するために必要な正確な値、またはスクリプトに基づく条件。
      注:
      この値は、フィールドが読み取り専用でない場合にのみ、リストフィールドのスタイルに影響します。フィールドが読み取り専用の場合、値はリストとフォームの両方に影響します。

      フィールドスタイルをフォームにのみ適用するには、値フィールドを空のままにします。
      スタイル 適用する CSS スタイル。

      たとえば、レコードリストの [インシデントカテゴリ] フィールドの背景を赤色にし、フォントサイズを 24 ピクセルにして、テキストの色を白にするには、次のコードを入力します。

      background-color:red;
font-size:24px;
color:white;

      [値] フィールドで構文 javascript:<![CDATA[<script>]]> のスクリプトベースの条件を使用して、リスト内のフィールドにスタイルを適用するかどうかを決定できます。評価されたスクリプトが true を返す場合、システムはそのスタイルをリストアイテムに適用します。

      スクリプトは current スクリプトオブジェクトにアクセスできます。これにより、現在のレコードのフィールド値に基づいて条件をビルドできます。たとえば、次のスクリプトは、フィールド値に基づいて期限切れのアイテムをチェックします。
       javascript:gs.dateDiff(gs.now(), current.u_datefield.getDisplayValue(), true) < 0
      注:
      この例では、current.u_datefield はカスタム日付フィールドの名前を参照しています。
      システムでは、値フィールドで javascript:<![CDATA[<script>]]> エントリを 1 つだけサポートしています。複数の JavaScript 条件を入力する場合は、条件を 1 つのステートメントに統合します。たとえば、次のようなエントリは無効です。
      javascript: current.state == "Completed" javascript: current.error_tables > 0
      上記の代わりに条件を次のように 1 つのステートメントに統合します。
      javascript: current.state == "Completed" && current.error_tables > 0
    4. オプション: スタイルの代替テキストを追加するには、代替テキストフィールドを追加するようにフォームを構成します。
      VIP スタイルアイコンなどのスタイルの場合は、スクリーンリーダーでスタイルとテキストを区別できるように、代替テキストを追加できます。
    5. [送信] または [更新] を選択します。