Versions Compared

Key

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

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.

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

...


  1. Image Added

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

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

  4. You can name your 

...

  1. Labeland Menu ID to something meaningful, and write a description in the Content of your Paragraph demo menu.

    Image Modified

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

  3. Drag and drop the Paragraph page component into the page for editing.

...


  1. Image Added

  2. Write your Paragraph in Content with necessary text decorations, insertions of images and/or tables, and etc.

Image Removed

Paragraph Page Component

Configure Paragraph

Image RemovedImage Added

NameDescription
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

Image Removed

...

For users to input a meaningful event name.

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.

...

Available Options:

...