複数の項目に同じスタイルを適用したい

回答¶

フィールドCSS、コントロールCSS機能を使用してください。

概要¶

複数の項目に同じスタイルを適用する際、それぞれの項目のセレクタに対して個別にCSSを適用することもできますが、フィールドCSS、コントロールCSS機能を用いると1つのclassセレクタで同内容を設定できます。

操作方法¶

以下は編集画面にて分類A、数値A、日付A項目の背景色を黄色に変更する設定方法です。

1. 対象のテーブルを開きます。
2. 管理→テーブルの管理をクリックします。
3. エディタタブを選択します。
4. 現在の設定から分類A項目を選択し、詳細設定ボタンをクリックします。
5. フィールドCSS、コントロールCSSへ任意の名前を入力します。¹
6. 手順4.と手順5.の操作を数値A、日付A項目にも行います。
7. スタイルタブを開きます。
8. 新規作成ボタンをクリックし、ダイアログを表示します。
9. タイトルに「分類A, 数値A, 日付A項目の背景色を黄色にする」等の任意のタイトルを入力します。
10. スタイル欄に以下のスタイルを入力します。

1
2
3

.color-yellow input{
    background-color:yellow;
}

1. 出力先の「全て」のチェックを外し、「編集」のみにチェックを入れます。
2. ダイアログの変更ボタンをクリックします。
3. 画面下部の更新ボタンをクリックします。
4. 対象テーブルの編集画面などを確認し、分類A, 数値A, 日付Aの項目背景が黄色になっていることを確認します。

関連情報¶

• テーブルの管理：エディタ：項目の詳細設定：フィールドCSS
• テーブルの管理：エディタ：項目の詳細設定：コントロールCSS
• 開発者ガイド：スタイル