Joget DX Available for Download

Check out Joget DX, the next generation successor to Joget Workflow for faster, simpler digital transformation.

Skip to end of metadata
Go to start of metadata
Definition

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


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 see Datalist Binder for available binder to use.


Figure 2: Styling Properties

NameDescription

Margin Bottom

Bottom Margin of Label-Value Table

Example

10px or 10%

Border Style
Padding

Padding of the Border 

Example

2px or 2%

Size

Size of the Border Style

Example

1px

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

Width of the Label

Example

50%

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

Size of the Label Style

Example

2px or 2%

Alignment
  • Left
  • Center
  • Right
ColorChoose the color through the color picker.
Background ColorChoose the color through the color picker.
Value Style
Width

Width of the Value

Example

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

Example

2px or 2%

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




  • No labels