Versions Compared

Key

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

Table of Contents

Introduction

Panel
borderColorpurple
bgColorwhite
borderWidth1
borderStylesolid
titleNew Feature

This is a new feature in Joget DX 8.

Button is a page component where App Designers can embed a hyperlink for end users to access other windows (or webpages).

To make it workable, the link of the window is needed so that end users is directed to that particular window after clicking the Button.

Get Started

Check out how Button works by testing it in the built-in Joget DX 8 Showcase app.

...

Select New Window as the Hyperlink Target so that App Center is opened up in a new window when end users click the Button.

Button Page Component Properties

Configure Button

NameDescription

Label

Button label.

ID

Page component ID.

Since Button is not an input field, we can leave it as it is.

Please see Form Element for more information about defining the IDs and list of reserved IDs.

HyperlinkLink of the window to be accessed after Button is clicked.
Hyperlink Target

Available Options:

  • Current Window
  • New Window
  • Top Window
  • Parent Frame
On ClickFunction to be executed when Button is clicked.
Display Type

Available Options:

  • Link Button
  • Primary Button
  • Secondary Button
  • Success Button
  • Danger Button
  • Warning Button
  • Info Button
  • Light Button
  • Dark Button

Event Listening

NameDescription
Component Object

The object that will be listening for an event.

If there is a new Page Component added into the UI, the selection will be displayed under Component Object.

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 NameFor users to input a meaningful event name.
Matched Action

Available Options:

  • Hide Component
  • Show Component
Add RowAdds new Event Listening row.