| Table of Contents |
|---|
| English | |||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
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.
Figure 1: Heading in Page Component
Heading Properties
Configure Heading
Figure 2: Heading Properties
| Name | Description | ||
|---|---|---|---|
| Content | The field to key in the heading content. Text format and colour can be customized. | Custom ID | Custom ID for the Heading. |
| Size | Choose the size of the Heading. There are 6 sizes to choose from:
Works the same as an HTML <h> tag, where H1 defines the most important heading and H6 defines the least important heading. | ||
| Content | The field to key in the heading content. Text format and colour can be customized. |
Event Listening
Figure 4: Configure Event Listening
...
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.
...
- Hide Component
- Show Component
| ID | Custom ID for the Heading. |
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.
...