User Manual

08.13.2024

MANUAL

Table Management: Editor: Item Detail Settings: Control CSS

## Overview Use this to apply CSS to the input elements of items, excluding the "[Display Name](/en/manual/table-management-label-text)" label of "Input Items. By specifying a CSS class name, you can specify any class name for each item and apply a "[Style](/en/manual/table-management-style)". ## Restrictions 1. Cannot be used with "[Comment Item](/en/manual/table-management-comments)". ## Prerequisites 1. "Site Administration Permission" is required to configure settings. ## Operation Image Specify the class names "field-test" for "[Field CSS](/en/manual/table-management-extended-field-css)" of "[Classification Item](/en/manual/table-management-class)" and "control-test" for "Control CSS". ![image](https://pleasanter.org/binaries/ca11bee58fb343178de4742a2ebab04a) ![image](https://pleasanter.org/binaries/d67527697ef040e2b009dac8c5d50172) ![image](https://pleasanter.org/binaries/77f79d06294b4e6ca337dfcd1d6384f1) Set the style for the specified class as follows. (Check Create New here) ##### CSS ``` .field-test { background-color: red; } .control-test { background-color: green; } ``` Create New and it will be displayed as follows. ![image](https://pleasanter.org/binaries/494085dc2444438d9f21c6ed92bc6f09) ![image](https://pleasanter.org/binaries/1de13a95eb1940bc82e832fe066623fb) Field CSS can be used to decorate labels, adjust layout, and hide items, while control CSS can be used to resize input fields and get item values. ## Related Information <div id="ManualList"><ul><li><a href="/en/manual/table-management-class">Table Management: Item: Classification</a><span>08.13.2024 up</span></li> <li><a href="/en/manual/table-management-comments">Table Management: Item: Comment</a><span>08.13.2024 up</span></li></ul></article> <ul><li><a href="/en/manual/table-management-label-text">Table Management: Editor: Item Detail Settings: Display Name</a><span>08.13.2024 up</span></li> <li><a href="/en/manual/table-management-extended-field-css">Table Management: Editor: Item Detail Settings: Field CSS</a><span>08.13.2024 up</span></li></ul></article> <ul><li><a href="/en/manual/table-management-style">Table Management: Style</a><span>08.13.2024 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />
TOP
このページをシェアする
記載された商品名、各製品名は各社の登録商標または商標です。 © Implem Inc.