ユーザマニュアル




2024/04/09

MANUAL

テーブルの管理:エディタ:項目の詳細設定:コントロールCSS

## 概要 「入力項目」の[表示名](/ja/manual/table-management-label-text)のラベルを除く、項目のインプット要素にCSSを適用する場合に使用します。CSSクラス名を指定することで、各項目に任意のクラス名を指定し、[スタイル](/ja/manual/table-management-style)を適用することができます。 ## 制限事項 1. [コメント項目](/ja/manual/table-management-comments)では使用できません。 ## 前提条件 1. 設定を行うには「サイトの管理権限」が必要です。 ## 動作イメージ [分類項目](/ja/manual/table-management-class)の[フィールドCSS](/ja/manual/table-management-extended-field-css)に「field-test」、「コントロールCSS」に「control-test」というクラス名を指定します。 ![image](https://pleasanter.org/binaries/40320be076d84becb5f7e077a25f02cb) ![image](https://pleasanter.org/binaries/094894fae43f4ba0b2b10096b3d9c46d) ![image](https://pleasanter.org/binaries/1896b78572494a169e3766e0088e271e) 指定したクラスに対して以下のようにスタイルを設定します。(ここでは新規作成にチェック) ##### CSS ``` .field-test { background-color: red; } .control-test { background-color: green; } ``` 新規作成で以下のように表示されます。 ![image](https://pleasanter.org/binaries/8a9fe308d3a74b2295db40638710bafa) ![image](https://pleasanter.org/binaries/fa1d84b47f4b4d0f8d158dd1ed39d282) フィールドCSSではラベルの装飾、レイアウト調整、項目の表示非表示、コントロールCSSでは入力欄のサイズ変更、項目の値の取得などに使用できます。 ## 関連情報 <div id="ManualList"><ul><li><a href="/ja/manual/table-management-class">テーブルの管理:項目:分類</a><span>2023/04/21 up</span></li> <li><a href="/ja/manual/table-management-comments">テーブルの管理:項目:コメント</a><span>2023/04/21 up</span></li></ul></article> <ul><li><a href="/ja/manual/table-management-label-text">テーブルの管理:エディタ:項目の詳細設定:表示名</a><span>2023/04/25 up</span></li> <li><a href="/ja/manual/table-management-extended-field-css">テーブルの管理:エディタ:項目の詳細設定:フィールドCSS</a><span>2024/04/09 up</span></li></ul></article> <ul><li><a href="/ja/manual/table-management-style">テーブルの管理:スタイル</a><span>2024/06/17 up</span></li></ul></article> <ul><li><a href="/ja/manual/style">開発者向け機能:スタイル</a><span>2023/05/18 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />
TOP
このページをシェアする
記載された商品名、各製品名は各社の登録商標または商標です。 © Implem Inc.