---
title: "How to: Remove the Action Button From a Dashboard"
slug: "use-case-removing-the-action-button-from-a-dashboard"
description: "Learn how to remove the action button from your dashboard, allowing it to display data seamlessly without any buttons. Follow our step-by-step guide!"
updated: 2026-02-03T15:39:29Z
published: 2026-02-03T15:48:58Z
canonical: "docs.unqork.io/use-case-removing-the-action-button-from-a-dashboard"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.unqork.io/llms.txt
> Use this file to discover all available pages before exploring further.

# How to: Remove the Action Button From a Dashboard

**UDesigner**

In this how-to guide, you'll learn how to **remove the action button** from a dashboard. The dashboard retrieves submissions from the following source module: [https://trainingx.unqork.io/#/display/5eab6c12811bf80215fd6d86](https://trainingx.unqork.io/#/display/5eab6c12811bf80215fd6d86.).

By default, dashboards made using the [ViewGrid](/v1/docs/component-library-viewgrid-component) component include an action button. Without extra configuration, this button displays as a **Submit** button. But sometimes, you might want to use a dashboard simply to display data, without any buttons.

## Configure the Panel Component

This [Panel](/v1/docs/how-to-guide-panel-component) component acts as a container for the components that follow.

1. In the Module Builder, drag and drop a **Panel** component onto your canvas.
2. In the **Property ID** field, enter `panelDashboard`.
3. Click **Save Component**.

## Configure the Initializer Component

This [Initializer](/v1/docs/initializer-component) component triggers the [Plug-In](/v1/docs/plug-in-component) component that you'll set up next.

1. Drag and drop an **Initializer** component inside the `panelDashboard` **Panel** component.
2. In the **Property ID** and **Label Text** fields, enter `initStart`.
3. From the **Trigger Type** drop-down, select `New Submission`.
4. In the **Outputs** table, enter the following:

| # | Source | Type | Value |
| --- | --- | --- | --- |
| 1 | pluginGetSubmissions | trigger | GO |

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(837).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A56Z&se=2026-11-07T18%3A57%3A56Z&sr=c&sp=r&sig=w0TB4W7zpe1f%2FHCsUB2FEc164Tm6iHJAYC%2FRFmH9PoU%3D)
5. Click **Save Component**.

## Configure the Hidden Component

This is the first of two [Hidden components](/v1/docs/hidden-component) in this configuration. This component stores the module ID. You can retrieve the module ID from the source module’s URL as follows: `https://trainingx.unqork.io/#/display/5eab6c12811bf80215fd6d86`

1. Drag and drop a **Hidden** component inside the `panelDashboard` **Panel** component, below your Initializer component.
2. In the **Property ID** and **Label Text fields,** enter `moduleId`.
3. In the **Default Value** field, enter `5eab6c12811bf80215fd6d86`. This value is the source module's module ID.
4. Click **Save Component**.

## Configure the Plug-In Component

This [Plug-In](/v1/docs/plug-in-component) component retrieves submissions to display in your dashboard.

1. Drag and drop a **Plug-In** component inside the `panelDashboard` **Panel** component, below your Hidden component.
2. In the **Property ID** and **Label Text** fields, enter `pluginGetSubmissions`.
3. In the **Inputs** table, enter the following:

| # | Property ID | Mapping |
| --- | --- | --- |
| 1 | moduleId | moduleId |
| 2 | 'firstName,middleName,lastName,email,dateOfBirth' | fields |
4. From the **Internal Services** drop-down, select **List Submissions for Dashboard**.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(845).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A56Z&se=2026-11-07T18%3A57%3A56Z&sr=c&sp=r&sig=w0TB4W7zpe1f%2FHCsUB2FEc164Tm6iHJAYC%2FRFmH9PoU%3D)
5. Click **Save Component**.

## Configure the Second Hidden Component

This [Hidden](/v1/docs/hidden-component) component stores the submission ID.

1. Drag and drop a **Hidden** component inside the `panelDashboard` **Panel** component, below your Plug-In component.
2. In the **Property ID** and **Label Text** fields, enter `submissionId`.
3. Click **Save Component**.

## Configure the ViewGrid Component

Lastly, let's add a [ViewGrid](/v1/docs/how-to-guide-viewgrid-component) component to display on your dashboard. You'll set the **Action** field to `null`, removing the action button from your dashboard.

1. Drag and drop a **ViewGrid** component inside the `panelDashboard` **Panel** component, below your `submissionId` **Hidden** component.
2. In the **Property ID** field, enter `gridView`.
3. In the **Label Text** field, enter `View Grid`.
4. In the **Action** field, enter `null`. Doing so removes the action button from your dashboard.
5. In the **Inputs** table, enter the following:

| # | Source | Required |
| --- | --- | --- |
| 1 | pluginGetSubmissions | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Checked_Box_Blue(1).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A56Z&se=2026-11-07T18%3A57%3A56Z&sr=c&sp=r&sig=w0TB4W7zpe1f%2FHCsUB2FEc164Tm6iHJAYC%2FRFmH9PoU%3D) (checked) |
6. In the **Outputs** table, enter the following:

| # | Source | Mapping |
| --- | --- | --- |
| 1 | submissionId | id |
7. In the **Display** table, enter the following:

| # | ID | Formula | Heading |
| --- | --- | --- | --- |
| 1 | firstName |  | First Name |
| 2 | lastName |  | Last Name |
| 3 | dateOfBirth | =MOMENT(MOMENT(dateOfBirth), 'format', 'MM/DD/YY') | Date of Birth |

> [!NOTE]
> The Moment.js in the Formula column formats the `dateOfBirth` values as `MM/DD/YY`.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(846).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A56Z&se=2026-11-07T18%3A57%3A56Z&sr=c&sp=r&sig=w0TB4W7zpe1f%2FHCsUB2FEc164Tm6iHJAYC%2FRFmH9PoU%3D)
8. Click **Save Component**.
9. **Save** your module.

Here's how your completed example looks in the Module Builder:

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(847).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A56Z&se=2026-11-07T18%3A57%3A56Z&sr=c&sp=r&sig=w0TB4W7zpe1f%2FHCsUB2FEc164Tm6iHJAYC%2FRFmH9PoU%3D)

Here's how your completed example looks in Express View, before removing the action button:

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(893).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A56Z&se=2026-11-07T18%3A57%3A56Z&sr=c&sp=r&sig=w0TB4W7zpe1f%2FHCsUB2FEc164Tm6iHJAYC%2FRFmH9PoU%3D)

Here's how your completed example looks in Express View, with the default **Submit** button removed:

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(892).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A56Z&se=2026-11-07T18%3A57%3A56Z&sr=c&sp=r&sig=w0TB4W7zpe1f%2FHCsUB2FEc164Tm6iHJAYC%2FRFmH9PoU%3D)

**Classic Designer**

In this how-to guide, you'll learn how to **remove the action button** from a dashboard. The dashboard retrieves submissions from the following source module: [https://trainingx.unqork.io/#/display/5eab6c12811bf80215fd6d86](https://trainingx.unqork.io/#/display/5eab6c12811bf80215fd6d86.).

By default, dashboards made using the [ViewGrid](/v1/docs/component-library-viewgrid-component) component include an action button. Without extra configuration, this button displays as a **Submit** button. But sometimes, you might want to use a dashboard simply to display data, without any buttons.

## Configure the Panel Component

This [Panel](/v1/docs/how-to-guide-panel-component) component acts as a container for the components that follow.

1. In the Module Builder, drag and drop a **Panel** component onto your canvas.
2. In the **Property ID** field, enter `panelDashboard`.
3. Click **Save & Close**.

## Configure the Initializer Component

This [Initializer](/v1/docs/initializer-component) component triggers the [Plug-In](/v1/docs/plug-in-component) component that you'll set up next.

1. Drag and drop an **Initializer** component inside the Panel component.
2. In the **Property ID** and **Canvas** **Label Text** fields, enter `initStart`.
3. From the **Trigger Type** drop-down, select `New Submission`.
4. In the **Outputs** table, enter the following:

| # | Property ID | Type | Value |
| --- | --- | --- | --- |
| 1 | pluginGetSubmissions | trigger | GO |

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(848).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A56Z&se=2026-11-07T18%3A57%3A56Z&sr=c&sp=r&sig=w0TB4W7zpe1f%2FHCsUB2FEc164Tm6iHJAYC%2FRFmH9PoU%3D)
5. Click **Save & Close**.

## Configure the Hidden Component

This is the first of two [Hidden components](/v1/docs/hidden-component) in this configuration. This component stores the module ID. You can retrieve the module ID from the source module’s URL as follows: `https://trainingx.unqork.io/#/display/5eab6c12811bf80215fd6d86`

1. Drag and drop a **Hidden** component inside the `panelDashboard` **Panel** component, below your Initializer component.
2. In the **Property ID** and **Canvas Label Text fields,** enter `moduleId`.
3. In the **Default Value** field, enter `5eab6c12811bf80215fd6d86`. This value is the source module's module ID.
4. Click **Save & Close**.

## Configure the Plug-In Component

This [Plug-In](/v1/docs/plug-in-component) component retrieves submissions to display in your dashboard.

1. Drag and drop a **Plug-In** component inside the `panelDashboard` **Panel** component, below your Hidden component.
2. In the **Property ID** and **Canvas Label Text** fields, enter `pluginGetSubmissions`.
3. From the **Trigger Type** field options, select `Manual`.
4. Complete the **Inputs** table as follows:

| Property ID | Mapping |
| --- | --- |
| moduleId | moduleId |
| 'firstName,middleName,lastName,email,dateOfBirth' | fields |
5. From the **Internal Services** drop-down, select `List Submissions for Dashboard`.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(849).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A56Z&se=2026-11-07T18%3A57%3A56Z&sr=c&sp=r&sig=w0TB4W7zpe1f%2FHCsUB2FEc164Tm6iHJAYC%2FRFmH9PoU%3D)
6. Click **Save**.

## Configure the Second Hidden Component

This [Hidden](/v1/docs/hidden-component) component stores the submission ID.

1. Drag and drop a **Hidden** component inside the `panelDashboard` **Panel** component, below your Plug-In component.
2. In the **Property ID** and **Canvas** **Label Text** fields, enter `submissionId`.
3. Click **Save & Close**.

## Configure the ViewGrid Component

Lastly, let's add a [ViewGrid](/v1/docs/how-to-guide-viewgrid-component) component to display on your dashboard. You'll set the **Action** field to `null`, removing the action button from your dashboard.

1. Drag and drop a **ViewGrid** component inside the `panelDashboard` **Panel** component, below your `submissionId` **Hidden** component.
2. In the **Label** field, enter `View Grid`.
3. In the **Property Name** field, enter `gridView`.
4. In the **Action** field, enter `null`. Doing so removes the action button from your dashboard.
5. In the **Inputs** table, enter the following:

| ID | Required |
| --- | --- |
| pluginGetSubmissions | Yes |
6. In the **Outputs** table, enter the following:

| ID | Mapping |
| --- | --- |
| submissionId | id |
7. In the **Display** table, enter the following:

| ID | Formula | Heading |
| --- | --- | --- |
| firstName |  | First Name |
| lastName |  | Last Name |
| dateOfBirth | =MOMENT(MOMENT(dateOfBirth), 'format', 'MM/DD/YY') | Date of Birth |

> [!NOTE]
> The Moment.js in the Formula column formats the `dateOfBirth` values as `MM/DD/YY`.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(850).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A56Z&se=2026-11-07T18%3A57%3A56Z&sr=c&sp=r&sig=w0TB4W7zpe1f%2FHCsUB2FEc164Tm6iHJAYC%2FRFmH9PoU%3D)
8. Click **Save**.
9. **Save** your module.

Here's how your completed example looks in the Module Builder:

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(851).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A56Z&se=2026-11-07T18%3A57%3A56Z&sr=c&sp=r&sig=w0TB4W7zpe1f%2FHCsUB2FEc164Tm6iHJAYC%2FRFmH9PoU%3D)

Here's how your completed example looks in Express View, before removing the action button:

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(894).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A56Z&se=2026-11-07T18%3A57%3A56Z&sr=c&sp=r&sig=w0TB4W7zpe1f%2FHCsUB2FEc164Tm6iHJAYC%2FRFmH9PoU%3D)

Here's how your completed exxample looks, with the default **Submit** button removed:

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(891).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A56Z&se=2026-11-07T18%3A57%3A56Z&sr=c&sp=r&sig=w0TB4W7zpe1f%2FHCsUB2FEc164Tm6iHJAYC%2FRFmH9PoU%3D)

Also known as Record Data. Submission data consists of information saved by Unqork components. View submission data by using the angular command, or in Record Collections.

A JavaScript date library that lets you parse, validate, manipulate, and reformat dates.

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.