Web Modules and Web UI

Create and configure a web module.

Overview

Contineo allows creation of one or more Web Modules within an Application. Every Web Module can be considered as a web application that has a unique HTTP endpoint.

Creation of a Web Module involves the following steps at the minimum:

  1. Including User Interfaces (Auto generated or custom UI).

  2. Setting the Home page.

  3. Configuring Authentication service.

Steps

  1. Click <Application Name> > Settings > "+"

  2. Enter a unique name for the Web Module.

  3. Select WebModule from the Type dropdown list.

    Create Web Module

  4. Expand User Interfaces

  5. Drag one or more User Interfaces into the drop area.

  6. Open the Properties Panel by clicking the web module.

  7. Click Properties.

  8. Select the Home Page from the dropdown list. This page is displayed when the user accesses the Web Module.

    Web Module Configuration

  9. Click Security.

  10. Select the Authentication Service from the list. Hint: For test purposes you may use the Demo Auth Service, which has a static username/password combination: demo/demo

    Security Configuration

Customization

Contineo applications can be configured to use different logos, layouts and themes:

  1. Navigate to <Application> > Settings and select the Web Module.

  2. Click on the WebModule name to open the Properties Panel.

  3. Click on Properties and provide a link of the logo image in Logo URL.

Logo Settings

Result:

Changed Logo

Login Page Customization

At times it is necessary to customize the Login page. For instance, it may be necessary to add a link at the bottom of the login page or provide OAuth signup options.

Steps:

  1. Select <Application> > Settings > <Web Module>

  2. Click <Module Name> to open the Properties panel

  3. Click Login

  4. Open the appropriate editor and enter custom HTML

Login Page Editor

Result:

Security

Various security features, including session timeout of Contineo web modules, can be configured.

Security Customization

Steps:

  1. Select <Application> > Settings > <Web Module>

  2. Click <Module Name> to open the Properties panel

  3. Click Security

  4. Set Session Timeout Period

This terminates the HTTP session if it remains idle for the specified period.

Primary Menu

When the web module is created, by default, a menu group is seen. When you drag your screens into this menu, it is called the Primary menu.

Secondary Menu

If you want any additional menu as a secondary menu, then proceed with the following steps:

  1. Create a new WebModule B.

  2. In your WebModule A, set WebModule B as Additional Menu.

    WebModule > Properties > Additional Menu > select B from dropdown

  3. This additional menu appears in the top menu bar.