| Table of Contents |
|---|
Introduction
| English |
|---|
Paragraph is a page component for App Designers to write necessary information. You can decorate your text, make your paragraph looks neat, insert images and tables, and etc. |
Get Started
Check out how Paragraph 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.
- Click into the Joget DX 8 Showcase UI to create an environment for testing the Paragraph.
- 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 Labeland Menu ID to something meaningful, and write a description in the Content of your Paragraph demo menu.
- Now that our Paragraph testing environment is all set, we can click into Edit Page Components to check out the Paragraph page component.
- Drag and drop the Paragraph page component into the page for editing.
- Write your Paragraph in Content with necessary text decorations, insertions of images and/or tables, and etc.
Paragraph Page Component
Configure Paragraph
| Name | Description |
|---|---|
| Content | Space for App Designers to write necessary information. Many features included for text decorations, insertions of images and/or tables, and etc. |
| Custom ID | Page component ID. Since Paragraph 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. |
| Content | Space for App Designers to write necessary information. Many features included for text decorations, insertions of images and/or tables, and etc. |
Event Listening
...
The component to be listened.
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.
...
Custom Event Name.
For users to input a meaningful event name.
...
Available Options:
- Hide Component
- Show Component
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
...
.