Versions Compared

Key

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

Table of Contents

English
Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

Heading is a new feature in Joget DX 8 Page Components.

Introduction

The Heading is one of the new page components introduced in Joget DX 8. The Heading is titles or subtitles that you want to display on a webpage, which works the same as an HTML heading. One can drag and drop the Heading and configure the properties. 

To use the Heading, drag and drop the Heading element onto the canvas as shown in Figure 1.

Image RemovedImage Added

Figure 1: Heading in Page Component

Heading Properties

Configure Heading

Image RemovedImage Added

Figure 2: Heading Properties

NameDescription
Custom ID
ContentThe field to key in the heading content. Text format and colour can be customized. 
Custom ID for the Heading.
Size

Choose the size of the Heading. There are 6 sizes to choose from:

  • H1
  • H2
  • H3
  • H4
  • H5
  • H6

Works the same as an HTML <h> tag, where H1 defines the most important heading and H6 defines the least important heading.

ID

Custom ID for the Heading.

ContentThe field to key in the heading content. Text format and colour can be customized. 

Event Listening 

AJAX & Events

Events are fundamental to creating interactive and dynamic web pages and AJAX enables the development of more dynamic and interactive web applications without the need to reload the entire page.

Configuration of Ajax & Events.Image Removed