Versions Compared

Key

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

...

Warning
titlePrevent XSS Attack

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:

#requestParam.id?javascript#

Introduction

You can use HTML Page userview Rich Text UI element to design the layout and structure of your own custom page using the rich text editor or writing HTML/CSS/JS.  

HTML Page Rich Text is commonly used as the homepage/landing page of an app.

...

Rich Text Properties

Edit

...

Rich Text

Image RemovedImage Added

Figure 1: HTML Page Rich Text Properties


NameDescription
idMenu 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.

Info

Ensure that value defined here is unique to other userview UI menus in the app, since the first matching/conflicting ID will take precedence in page loading.

LabelThe HTML Page userview Rich Text UI menu label.
Content

Page content.








Image RemovedImage Added

Figure 2: Sample HTML Page Rich Text in runtime

Performance & Offline 

Image Added

Figure 5: Rich Text Properties - Performance & Offline Settings 

Cache Settings


Name

Description

Scope

Caching options are:

  • None: No caching.
  • Application: Cache content by application where all users will see the same content.
  • User: Cache by username
Duration (s)Duration in seconds to cache content, defaults to 20 seconds if applicable.

...

...

Read more at Performance Improvement with

...

UI Caching.

PWA Offline Settings

Note: PWA Offline support is dependent on the theme used.

Name

Description

Enable cache for offline supportCheck this to enable caching for offline support, usually set for use on mobile browsers.

Read Progressive Web Application (PWA) for more information.



Performance

You can configure the Performance settings in this UI Element which allows one to cache existing content for improved performance and loading speed. Read more at Performance Improvement with UI Caching.