Custom Pages
There are several types of custom pages.
| Object | Description |
|---|---|
| Formatted Page | A HTML page developed using a visual editor. |
| HTML Page | A HTML page which is developed using a HTML editor. These can include client-side JavaScript and can be used to developed pages that acts as a frontend for the users to use the application. |
| Server Javascript | A Javascript page which executes on the server side. This page can be used to execute process functions. |
| Dashboard | A dashboard which can hold Selectables (Dropdowns), custom HTML pages, workviews or workview vizualisations. A dashboard can be used to show several pages at the same time. |
HTML Page
A custom HTML page provides a way to access various options. All of these tags are to be enclosed between the HTML comment tags.
Variable
Provides a way to retrieve the value from a model variable brand.Logo as shown in the example below.
html
<a target="_top" href="/home/"><img src="<!--variable:brand.Logo-->" alt="Logo"></a>Include
Can be used to include another custom HTML page. This provides reusability and is commonly used to implement navigation bar or CSS styles.
html
<!--include:inc.Style-->Tag
Provides a way to control pages inside an application using Access Tags using conditional statements. Below example displays a statement to show Administration navigation bar to users who have admin access tag and Public navigation bar if they do not.
html
<!--tag:admin-->
<!--include:inc.adminNavigation-->
<!--tag:else-->
<!--include:inc.publicNavigation-->
<!--tagend-->User
Can be used to fetch information about the user who is currently logged in such as full name, id, email and phone number (if provided).
html
<!--user:name-->
<!--user:id-->
<!--user:email-->
<!--user:phone-->Model
Can be used to retrieve information about the current model such as it's id and name.
html
<!--model:id-->
<!--model:name-->Application
Can be used to retrieve information about the current application including it's id, name and route.
html
<!--application:id-->
<!--application:name-->
<!--application:route-->