Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
borderColorgreen
borderWidth1
titleBGColor#ddffcc
borderStylesolid
titleDefinition

Label-Value Table allows users to generate a simple label-value table, perhaps to act . Typically used as a legend for charts, appendix table, and so onforth.


Image RemovedImage Added

Figure 1: Label-Value Table Properties

NameDescription

Type

  • Static
  • Using Data Binder
Data

When Type is set to "Static", this option will show up.

The Data properties are defined here:

Sub-elementDescription
LabelColumn Label.
ValueColumn Value
Data Binder

When Type is set to "Using Data Binder", this option will show up.

Please seeSee Datalist Binder for available binder to use.binders to use.

Label HeaderDisplays the value here in the header for the label column.
Value HeaderDisplays the value here in the header for the value column.


Image AddedImage Removed

Figure 2: Styling Properties

NameDescription
Margin Bottom

Bottom

Margin

margin of Label-Value Table.

Info
titleExample

10px or 10%


Image Added

Border Style
Padding

Padding of the Border 

Info
titleExample

2px or 2%

Size

Size of the Border Style

Info
titleExample

1px

ColorChoose the color through the color picker.
Style
  • Solid
  • Dashed 
  • Dotted
  • Double


Image Added

Header Style
Bold

If checked, the text will be set to bold.

Italic

If checked, the text will be set to italic.

Decoration
  • Underline
  • Overline
  • Strike Through
Size

Header text size.

Info
titleExample

30px

Alignment
  • Left
  • Center
  • Right
ColorChoose the color through the color picker.
Background ColorBackground color of the header row.


Image Added

Label Style
Width

Width of the Label

Info
titleExample

50%

BoldIf checked, the label text will be set to bold.
ItalicIf checked, the label text will be set to Italicitalic.
Decoration
  • Underline
  • Overline
  • Strike Through
Size

Size of the Label StyleText size.

Info
titleExample

2px or 2%

Alignment
  • Left
  • Center
  • Right
ColorChoose the color through the color picker.
Background ColorChoose the Background color through of the color pickerlabel rows.


Image Added

Value Style

Width

Width of the Value

Info
titleExample

50%

BoldIf checked, the label will be set to bold

Italic

If checked, the label will be set to Italic
Decoration
  • Underline
  • Overline
  • Strike Through

Size

Size of the Value Style

Info
titleExample

2px or 2%

Alignment
  • Left
  • Center
  • Right
ColorChoose the color through the color picker.
Background Color
Choose the
Background color
through
of the
color picker
value rows.