2. Create an HTML Portlet and make it a buddy of the editable grid portlet

The HTML Form is created from a definition that has to be provided in an Editable Grid portlet.
This definition is processed by a JavaScript script.

The portlet has to be referenced as "Buddy editable grid" in the settings of the HTML Portlet.

0

Title

Frage

Header of the form items

1

ID

Id

Identifier of the item for internal use.

n/a

2

Group

Gruppe

Group name, if the item belongs to a group.

The group name has to be defined in a separate row.

3

Value Bool or NullableBool
using column JaNein

Boolean value that is read if data type
in column "Variable ID" is "Bool".

Boolean value that is read if data type
in column "Variable ID" is "NullableBool".

Then the box is empty at the beginning thereby allowing to distinguish, whether false=Nein
was entered or no entry was made.

4

Value DateTime

Datum

DateTime value that is read if data type in column
"Variable ID" is DateTime.

n/a

5

Value Float

Werte

Float value that is read if data type in column "Variable ID" is Double.

n/a

6

Value String or Selection
using

Eingabetext

String value that is read if data type in column "Variable ID" is String.

n/a

String value that is read if data type in column "Variable ID" is "Selection" or any other data type listed in Data types in HTML Form with data column index 6.

The chosen val_id (= nr) is - after a selection in the Column "Werte".

See code below for generating the dictionaries easily out of a comma separated list.

Text in column "Eingabetext" as a python- list with dictionaries

^{[
{"val_id" : 1, "val_text" : "Woche"},
{"val_id" : 2, "val_text" : "Monat"}
]}

leads to:

7

Infotext

Hinweise

In Output, Input and Label rows:
Information text that is shown in the rightmost column of the form.

For Group it produces an additional row spanning all columns just
below the group Header, e.g. for longer Texts

Graphics ans Hover can be inserted with SVG:

8

Data type

Variable_ID

Data type of the item.

n/a

9

Usage

art_type

Usage of the item. One of

• Output: Value is displayed and cannot be changed

• Input: Value is displayed and can be changed

• Group: No value required, Name is displayed as Group header (before 7.1: Gruppe)

• Group selected: Same behavior as Group, is set as internal state after group is clicked (before 7.1: Gruppe selected)

• Hidden: Item is not displayed

• Label:Behaves like an Input/Output with an omitted input box column

Label: Value of

10

Error text

Text that is displayed in red letters below the info text of column 6

11

(New in 7.1)

Row style

String which specifies the CSS class styling of a row.

Default styles:

• disabled (gray)

• warningor yellow (yellow)

• error or red (red)

• blue

• green

• left (align text in input to the left)

• right (align text in input to the right)

• center (align text in input centered)

• bold

• italic

Value “stylename" adds the following CSS class to the table row, which allows for changing the color in custom.css:

.row-style-stylename {
background-color: white !important;
color: green !important;
}

Multiple styles can be added when separated by a space, e.g. disabled left results in adding row-style-disabled and row-style-left to the table row.

Paste it in an Edit TIS Table 4.0
(TIS-Tabelle bearbeiten)