How to: Remove the Action Button From a Dashboard

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.

By default, dashboards made using the ViewGrid 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 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 component triggers the Plug-In 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

   

5. Click Save Component.

Configure the Hidden Component

This is the first of two Hidden components 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 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.

   

5. Click Save Component.

Configure the Second Hidden Component

This Hidden 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 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	(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

   The Moment.js in the Formula column formats the dateOfBirth values as MM/DD/YY.

   

8. Click Save Component.

9. Save your module.

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

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

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