Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

New feature added in Joget DX :

  • Alignment

  • Header Alignment 


Table of Contents


Image RemovedImage Added

Figure 1: Screenshot highlighting columns added in Datalist Builder


English

Column Properties

General

Image Added


200px

, you can enter in px or percentage (preferable).
For example: 200px or 20%.

backgroundFor example: background-color: blue;
NameDescriptionScreen (Click to view)
Name

Column name

Info

This is the name that you will need to use to refer to when defining Extra Filter Condition in the Source's Binder.

Image Removed

LabelColumn label.
SortableWhen checked, the user will be able to sort the data list using this column.
HiddenWhen checked, this column will not be shown/visible to the end-users but will still be rendered in the background.
Exclude in export?

When checked, this column will not show up when the user exports them by clicking on the export links at the bottom of the list.

Image RemovedImage Added

Width

Width of the column in characters.

Info
titleExample
Inline Style

Column inline styling in CSS.

Info
titleExample
Alignment
  • Default Value
  • Center
  • Left
  • RIght
Info
titleNew Feature

Newly introduced in Joget DX

Header Alignment
  • Default Value
  • Center
  • Left
  • RIght
Info
titleNew Feature

Newly introduced in Joget DX

Action Mapping

Image Added

Image Removed
NameDescriptionScreen (Click to view)
Action

FormatterFormatter

Image Added

Screen (Click to view)Image Removed
NameDescription
Formatter

Attach a Formatter plugin to transform the current value

. See Column Formatter for more information.

display. The list of Column Formatter are as follows:

Children Display
depth1
pageColumn Formatter
sorttitle