Exercise 12: Designing your own Custom User Interface (CUI)

Introduction

What is a Custom User Interface (CUI) template?

A Custom User Interface (CUI) implementation allows you to customize the look and feel of the run-time user interface of the AgileApps platform. Using this feature, you can design and deploy a CUI to an AgileApps application.

The application developers can create a completly customized template and specify access URL(s), where the template will be rendered. A template is a zip file which constitutes of all the artifacts created for this CUI by the application developers.

Some examples for artifacts include html, css, js files, and so on. The application developer uploads this template to the AgileApps platform and generates an Access URL. When the end user opens this Access URL, the template uploaded to the AgileApps platform is rendered for the configured application. The application developers can create a CUI template using any of the popular JavaScript frameworks and consume the components provided by AgileApps.

Note: See the FAQ section for important information on using an unauthenticated feature along with CUI templates.

Who can use this feature?

Any application developer who meets the following requirements can view this feature:

• In the Manage Tenant Capabilities page for a tenant, the Developer Tools option should be enabled for the user. For more information, see Tenant Capabilities.
• Under Access Management > Access Profiles > Administrative Permissions > Development Controls, the Use Development Features option should be enabled. For more information, see Access Profiles.

Learn more:

• Setting up the Local Environment and Workspace
• Create a Template
• Deployment

Exercise

You can create your own custom user interface (CUI) in three phases:

• In the Part 1, you must set up the Local Environment and Workspace.
• In the Part 2, you must create a Template.
• In the Part 3, you must deploy your custom user interface (CUI) template, you have to package, install, and configure an access URL in AgileApps.