Footer Module

Overview

A footer module displays at the bottom of an application in Express View Express View is how your end-user views your application. Express View also lets you preview your applications to test your configuration and view the styling. This is also the view your end-users will see when interacting with your application. After configuring a module, click Preview in the Module Builder to interact with the module in Express View.. In a footer module, you might display a logo, contact information, social media links, a sitemap, or insert a CTA Call To Action (CTA) is a piece of content designed to persuade an end-user to perform a specific act. An example of a common CTA is a "Buy Now" button.. Footers exist in a separate module, which you connect to your application in the App Details settings.

Footer module RBAC RBAC (Role-Based Access Control) is a method to control system access for authorized users. The role in RBAC refers to the levels of access employees have to a network. is defined by the RBAC of the embedded components.

Creating a Footer Module

Footers are FE front-end modules assigned to the Footer Module drop-down in Application settings.

To create and assign a footer module at the Application level:

1. Navigate to your application.
2. Click + Create New.
3. Select Module.
4. In the Module Name field, enter a name for your footer module. The Module-Path field autopopulates.

To make it easier to locate your footer later, begin your module name with Footer. For example, Footer: Acme Corp.

5. From the Module Type drop-down select FE Front-End.

Footer Modules are a front-end element, an application might experience unintended consequences when the Module Type is API API or  O  Other.

A static image displaying the Create Module modal with the Module Name, Path, and Type fields populated.

6. Click Create.

From here, open the module and customize your footer. Here are the following supported components:

Avoid naming components with common values. Header and footer modules cannot have components with the same Property ID. Otherwise, neither display in Express View. It's a best practice to differentiate components with a descriptive name—for example, dwFooterOutput.

Connecting a Footer Module to an Application

Now that you have a footer module, connect it to your application.

To connect a footer at the Application level:

1. Navigate to the application that contains your footer module.
2. At the top of the page, click ··· (options).
3. Select Settings.
4. From the Footer Module drop-down, enter or select the footer module.

A static image displaying the App Details modal, the Footer Module drop-down is selected, and an existing footer module is highlighted.

5. Click Save & Close.

Previewing a Footer Module

It's important to note that all modules you plan to have navigate to using your footer module must exist in the same application. Otherwise, you'll receive a 403 error.

To preview the footer module at the Application level:

1. Navigate to the application that contains your footer module.
2. At the top of the page, click ··· (options).
3. Select Preview. The application displays on a new page with the footer module present at the bottom.

A static image displaying the Application page, the options button and Preview buttons are highlighted.

To successfully preview your footer module, you must preview it at the Application level. Otherwise, you must manipulate the browser URL to consider any redirects. The URL looks like the following: https://www.{your-environment}.io/app/{appPath}#/display/{{moduleId}}/{{submissionId}}/{{moduleId}}.

Disconnecting a Footer Module

If you decide you do not want a footer in your application anymore, you can remove it.

To disconnect a footer at the Application level:

1. Navigate to the application that contains your footer module.
2. At the top of the page, click ··· (options).
3. Select Settings.
4. From the Footer Module drop-down, click the X next to the Footer Module’s name.

A static image displaying the App Details modal. The Footer Module field displays a X button to disconnect an existing footer module.

5. Click Save & Close.

Disconnecting a footer module does not delete it.

Overview

A footer module displays at the bottom of an application in Express View Express View is how your end-user views your application. Express View also lets you preview your applications to test your configuration and view the styling. This is also the view your end-users will see when interacting with your application. After configuring a module, click Preview in the Module Builder to interact with the module in Express View.. In a footer module, you might display a logo, contact information, social media links, a sitemap, or insert a CTA Call To Action (CTA) is a piece of content designed to persuade an end-user to perform a specific act. An example of a common CTA is a "Buy Now" button.. Footers exist in a separate module, which you connect to your application in the App Details settings.

Footer module RBAC RBAC (Role-Based Access Control) is a method to control system access for authorized users. The role in RBAC refers to the levels of access employees have to a network. is defined by the RBAC of the embedded components.

Creating a Footer Module

You'll need to create a footer module before connecting it to your application. The best way to achieve this task is to add your footer module to the Library. After adding your module to the Library, you can share it with all other applications in your environment.

If you plan to create a footer, be mindful when naming components. Both the header and footer modules cannot have components with the same Property ID. Otherwise, neither display in Express View. It's a best practice to differentiate components with a descriptive name—for example, dwFooterOutput.

1. At the top right of the Unqork Designer Platform, click the Library ▾ drop-down.
2. Select Library Elements.
3. Click + Create New.
4. In the Module Name field, enter a name for your footer module.

To make it easier to locate your footer later, begin your module name with Footer. For example, Footer: Acme Corp.

5. Click Create.

From here, open the module and customize your footer. Here are the following supported components:

Connecting a Footer Module to an Application

Now that you have a footer, connect it to your application.

To connect a footer module to your application:

1. Navigate to your workspace and locate your application tile.
2. Click the ellipsis (···) button.
3. Select Settings Icon Settings.
4. From the Footer Module drop-down, enter or select a footer module.

A static image displaying the App Details modal, the Header Module drop-down is selected, and an existing header module is highlighted.

5. Click Save.

Previewing a Footer Module

It's important to note that all modules you plan to have navigate to using your footer module must exist in the same application. Otherwise, you'll receive a 403 error. The following image shows you how to preview a module at the Application level:

To successfully preview your footer module, you must preview it at the Application level. Otherwise, you must manipulate the browser URL to consider any redirects. The URL looks like the following: https://www.{your-environment}.io/app/{appPath}#/display/{moduleId}/{submissionId}/{moduleId}.

Disconnecting a Footer Module

If you decide you do not want a footer in your application anymore, you can remove it.

To remove a footer module from an application:

1. Navigate to your workspace and locate your application.
2. Click the ellipsis (···) button.
3. Select Settings Icon Settings.
4. From the Footer Module drop-down, click the X next to the Footer Module’s name.

A static image displaying the App Details modal. The Header Module field displays a X button to disconnect an existing header module.

5. Click Save.

Resources