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 AddedImage Removed

Figure 1: Screenshot highlighting columns added in Datalist BuilderImage Removed


English

...

Column Properties

General

Image Added


NameDescription
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.

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

export

exports them by clicking on the export links at the bottom of the list.

Image Removed

Image Added

Width

Width of the column in characters

. Info
titleExample
200px

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

Inline Style

Column inline styling in CSS.

For example: background-color: blue;
Alignment
  • Default Value
  • Center
  • Left
  • RIght
Info
title
Example

background-color: blue;

Image Removed

New Feature

Newly introduced in Joget DX

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

Newly introduced in Joget DX

Action Mapping

Image AddedFigure 3: Column Properties - Action Mapping

NameDescription
Action

Image Removed

Formatter

Image AddedFigure 3: Column Properties - Formatter

NameDescription
Formatter

Attach a Formatter plugin to transform the current value display.

See Column Formatter for more information.

 

 

The list of Column Formatter are as follows:

Children Display
depth1
pageColumn Formatter
sorttitle

...