Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Panel
borderColorpurple
bgColorwhite
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

This is a new feature in Joget DX 8.

Introduction

Columns is a page component which is customizable in width in three different views (Laptop/PC, Tablet, Mobile), also it has event listening. You can edit the style of each column separately through styles. 

Columns Properties

Configure Columns


NameDescription
IDCustom ID given to the columns
Column WidthColumn Width
Column Width (Tablet)Column Width in Tablet View
Column Width (Mobile)Column Width in Mobile View
AddAdd more column
Stacks Columns In Mobile ViewStacks Columns In Mobile View when checked
GutterGutter is the padding between your columns 

...

Figure 4: Configure Event Listening

NameDescription
Component Object

The object that will be listening for an event.

This field will dynamically show selectable options depending on the page components used. e.g: if there is a page component called manage meeting in the page, it will automatically show up in this field's select box.

Image Modified

Event NameCustom Event Name
Matched Action 
  • Hide Component
  • Show Component
Add RowAdds another row for another event