User Manual

08.13.2024

MANUAL

Table Management: Editor: Item Details: Extended HTML

## Overview Insert arbitrary HTML before or after an item. ## Prerequisites 1. "Site Administration Permission" is required to configure settings. ## Operation Procedure In an arbitrary table, open "Manage" → "「Table Management」" → "[Editor](/en/manual/table-management-editor)", select the item you want to insert HTML before and after, and click "Detail Settings". Extended HTML can be inserted before and after all items. ![image](https://pleasanter.org/binaries/afa50f733d1e40f4998de9fb0181424d) Open the "Extended HTML" tab. |Item name|Content| |-|-| |Before field|The HTML you entered is output before the item| |Before label|The HTML you entered is output before the item name| |Between label and control|The HTML you entered is output between the item name and the input item| |After control|The HTML you entered is output after the input item| |After field|The HTML you entered is output after the item| Conceptually, the fields, labels, and controls and their context are as follows: ![image](https://pleasanter.org/binaries/badf8be810cf457a854e10bb2e4a2f98) 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 - Table Management ![image](https://pleasanter.org/binaries/c087852f3a094f7285ecd2be4b1b2f62) - Editor Screen ![image](https://pleasanter.org/binaries/2b2a708d10254e71a32f9f349a2d5557) ### Examples of Setting Before Label, Between Label and Control, and After Control - Table Management ![image](https://pleasanter.org/binaries/5f80747f87f14ca89054bd440e8648e1) - Editor Screen ![image](https://pleasanter.org/binaries/44cf2f1556a54bccb3ee090e1c1d9bc6) *Due to the specifications of the HTML layout, if the item itself does not have enough margins, the contents set in the extended HTML may unexpectedly overlap with other items. 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. ## Related Information <div id="ManualList"><ul><li><a href="/en/manual/table-management-editor">Table Management: Editor</a><span>08.13.2024 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />
TOP
このページをシェアする
記載された商品名、各製品名は各社の登録商標または商標です。 © Implem Inc.