User Manual

08.13.2024

MANUAL

Table Management: Editor: Item Detail Settings: Field CSS

## Overview Use this to apply CSS to the field elements of items, including the "[Display Name](/en/manual/table-management-label-text)" label of "Input Item". 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" of "[Classification Item](/en/manual/table-management-class)" and "control-test" for "[Control CSS](/en/manual/table-management-extended-control-css)". ![image](https://pleasanter.org/binaries/67cee815afd44a82995144cac01018c0) ![image](https://pleasanter.org/binaries/e8c9eaf5e0b34aa08e4a51eb42052017) ![image](https://pleasanter.org/binaries/2a0820364b9844dfa23d4e785a9ed9ed) Set the style for the specified class as follows. (Check Create New here) ##### CSS ``` .field-test { background-color: red; } .control-test { background-color: green; } ``` When creating a new one, it will be displayed as follows. ![image](https://pleasanter.org/binaries/494085dc2444438d9f21c6ed92bc6f09) ![image](https://pleasanter.org/binaries/9adbca255cfd4ed39e66678e4be70630) 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-control-css">Table Management: Editor: Item Detail Settings: Control 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.