Skip to content

Column Advanced Settings: Extended HTML

Overview

Insert arbitrary HTML before or after the column.

Prerequisites

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

Operation Procedure

In an arbitrary table, open "Manage" → "Manage Table" → "Editor", select the column you want to insert HTML before and after, and click "Advanced Settings".
Extended HTML can be inserted before and after all columns.

Advanced settings screen for the column where extended HTML is inserted

Open the "Extended HTML" tab.

Column name Content
Before field The HTML you entered is output before the column
Before label The HTML you entered is output before the column name
Between label and control The HTML you entered is output between the column name and the input column
After control The HTML you entered is output after the input column
After field The HTML you entered is output after the column

Conceptually, the fields, labels, and controls and their context are as follows:

Diagram of how the field, label and control relate to one another

This is the structure of the HTML DOM tree, and its placement on the screen is not automatically the position of the text in the image above.

Examples of Setting Before and After Field

  • Manage Table

Manage Table screen with HTML set for Before field and After field

  • Editor Screen

Editor screen showing the HTML output before and after the field

Examples of Setting Before Label, Between Label and Control, and After Control

  • Manage Table

Manage Table screen with HTML set around the label and the control

  • Editor Screen

Editor screen showing the HTML output around the label and the control

*Due to the specifications of the HTML layout, if the column itself does not have enough margins, the contents set in the extended HTML may unexpectedly overlap with other columns.
In this sample, margins are set for "ClassA" and "ClassB" using the Field CSS function.
Specific CSS adjustments should be verified in advance using a test table.