Versions Compared

Key

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

...

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.

Login as Admin and click the Pencil icon on Joget DX 8 Showcase to open the App Composer.

Image Added

Click into the Joget DX 8 Showcase UI to create an environment for testing the Button.

Drag and drop the Rich Text UI element into the New In DX 8 category (or anywhere you like).

You can name your Custom ID and Label to something meaningful, and write a description in the Content of your Button demo menu.

Image Added

Now that our Button testing environment is all set, we can click into Edit Page Components to check out the Button page component.

Drag and drop the Button page components into the page for editing.

Image Added

Provide the Button with meaningful Custom ID and Label.

Copy paste the link of App Center window and set is as the Hyperlink.

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

Image AddedDownload demo app to find out more about Button.

Button Page Component Properties

Configure Button


Image Modified


NameDescription

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

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

Available Options:

  • Current Window
  • New Window
  • Top Window
  • Parent Frame
On Click
Display Type

Event Listening

Image Removed

Description

Available Options:

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

Event Listening

...

Image Added