Versions Compared

Key

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

Page Components allow users to configure the UI of the app's page with ease.

It can be used to configure the page to the user's requirements.


Panel
borderColorpurple
bgColorwhite
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

This is a new feature in Joget DX 8.

The UI Builder now suggests an ID to a Page Component based on the Label you have entered for that element. (Figure 1)

Figure 1

AJAX & Events

Note
borderColorpurple
bgColorwhite
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleAJAX & Events

AJAX & Events are only available at the Page Component level.

Event Listening

Figure 2: AJAX & Events - 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.

Event NameCustom Event Name.
Matched Action 

Action to be listened for.

  • Hide Component
  • Show Component
  • Show and Reload Component
  • Show and Change URL Component Parameters
  • Reload Page
  • Redirect Page
  • Show and Redirect Component
Add row Adds another row for another event

Event Triggering

Figure 3: AJAX & Events - Event Triggering

NameDescription
Event NameCustom Event Name
Trigger Method

The method used to trigger an event.

  • GET Request
  • POST Request
  • Link Clicked
Parameter NameCustom Parameter Name.
Operator

Logical Operator to be used in evaluating "Parameter" against "Value"

  • Equals To
  • Not Equals To
  • Greater Than 
  • Greater Than
  • Greater Than or Equals To
  • Less than
  • Less than or equals to
  • Is True
  • Is False
  • Is Empty
  • Is Not Empty
  • Contains
  • In
  • Regex Match
ValueThe value that the Parameter will be compared to.
When Not Match Trigger Event NameEvent Name when/if the logical operation is not satisfied.
Add rowAdd another row for another event.


List of Page Components

Note
borderColorpurple
bgColorwhite
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleUI Elements as Page Components

Some UI Elements will be made available as Page Components.


List of Exclusive Page Components



List of Page Components available as UI Elements



Sample App for exclusive Page Components

View file
nameAPP_kb_dx8_pageComponentsShowcase.jwa
height250