...
| Table of Contents |
|---|
| Warning | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
When using Hash Variable that uses URL parameter or user-inputted value in your custom JS scripts, ensure that these hash variable(s) are escaped! Make use of hash variable escape keywords, see Hash Variable - Escaping the Resultant Hash Variable. Use ?javascript hash variable escape. Example:
|
Introduction
| English | ||
|---|---|---|
| Info | ||
| ||
You can use HTML Page userview element to design the HTML Page is one of the most used elements in Userview. It is where you can define the layout and structure of your own custom page using scripting and CSS codes as well. |
| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
This feature is enhanced in Joget Workflow v6 with new Rich Text Editor. |
the rich text editor or writing HTML/CSS/JS. |
HTML Page is commonly used as a the homepage/landing page of an app. |
...
Figure 1: Screenshot highlighting HTML Page in sample HR Expenses Claim app
HTML Page Properties
Edit HTML Page
Figure 1Figure 2: HTML Page Properties
| Name | Description | |
|---|---|---|
| id | Menu element unique id. Userview will use this id in the URL for the menu if the Custom ID is empty. | |
| Custom ID | Item link slug. Optional field.
|
| title | Unique field |
|---|
|
|
| |
| Label |
| The HTML Page userview menu label. | |
| Content | Page content. |
Figure 2: Sample HTML Page in runtime
Performance & Offline
Cache Settings
Name | Description |
|---|---|
| Scope | Caching options are:
|
| Duration (s) | Duration in seconds to cache content, defaults to 20 seconds if applicable. |
| Panel | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| You can configure the Performance settings in this Userview Element which allows one to cache existing content for improved performance and loading speed. Read more at Performance Improvement with Userview Caching||||||||||||
Read more at Performance Improvement with Userview Caching. |
PWA Offline Settings
Note: PWA Offline support is dependent on the theme used.
Name | Description |
|---|---|
| Enable cache for offline support | Check this to enable caching for offline support, usually set for use on mobile browsers. |
Read Progressive Web Application (PWA) for more information.