ユーザマニュアル





2024/04/09

MANUAL

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

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