Skip to content

Column Advanced Settings: Field CSS

Overview

Use this to apply CSS to the field elements of column, including the "Name Displayed" label of "Input Column". By specifying a CSS class name, you can specify any class name for each column and apply a "Style".

Restrictions

  1. Cannot be used with "Comment Column".

Prerequisites

  1. "Site Administration Permission" is required to configure settings.

Operation Image

Specify the class names "field-test" for "Field CSS" of "Class Column" and "control-test" for "Control CSS".
Specifying the field CSS and control CSS class names (1/3)
Specifying the field CSS and control CSS class names (2/3)
Specifying the field CSS and control CSS class names (3/3)

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.
New creation screen with the specified CSS applied (1/2)
New creation screen with the specified CSS applied (2/2)

Field CSS can be used to decorate labels, adjust layout, and hide column, while control CSS can be used to resize input fields and get column values.