Purpose Statement

The Page widget allows users to embed a webpage directly into a First Due dashboard. This provides quick, centralized access to internal First Due pages or external websites, enabling users to view and interact with content without leaving the dashboard.

Background Information

A Page widget functions as a miniature web browser embedded inside a dashboard widget frame. Multiple Page widgets can be added to a single dashboard, allowing users to combine several web-based resources into one unified view.

Common use cases include:

• Embedding internal First Due modules (e.g., Shiftboard, reports, dashboards)

• Displaying external websites such as news feeds, weather tools, or analytics platforms

• Creating executive or command dashboards with high-level system visibility

Page widgets respect existing user permissions. Users can only view or interact with embedded content based on the permissions already assigned to their account.

Required Permissions

To create or modify a Page widget, users must have:

• Access to the Dashboards module

• Permission to edit dashboards or dashboard layouts

Interaction within an embedded page widget is further limited by the user’s permissions for the embedded content itself. For example:

• Users with view-only permissions can only view embedded modules

• Users with admin or edit permissions can make changes directly within the embedded widget

Video

Step-by-Step Guide

Step 1: Open the Module Stack

Click the First Due logo in the upper-left corner of the screen to open the module stack.

Step 2: Navigate to Dashboards

From the module stack, select Dashboards, then click Dashboards from the menu.

Step 3: Select the Dashboard Board

Select the dashboard board where you want to add a Page widget.

Step 4: (Optional) Open a Page Widget in a New Tab

To open any Page widget in a separate browser tab, click the expand arrow in the upper-right corner of the widget frame.

Step 5: Enter Edit Layout Mode

Click Edit Layout to switch the dashboard into edit mode.

Step 6: Add a Widget

In edit mode, click Add Widget.

Step 7: Select the Page Widget Type

From the Type dropdown menu, select Page.

Step 8: Enter a Widget Title

Enter a title to appear in the widget’s header. This title should reflect the webpage URL you will add next.

Step 9: Enter the URL

Click into the URL field and paste the webpage address. For best results, copy and paste the URL directly from your browser.

Step 10: Configure Navigation Display (Optional)

Check Remove Navigation if the URL is another First Due page and you want to hide the First Due navigation bar.

• Leaving this unchecked will display the standard First Due title bar.

Step 11: Create the Widget

Click Add to create the Page widget.

Step 12: Resize the Widget

Click and drag the bottom-right corner of the widget frame to resize the widget.

Step 13: Edit or Delete the Widget

While still in edit mode:

• Click the pencil icon to edit the widget title or URL

• Click the trash can icon to permanently delete the widget

Step 14: Save Your Changes

Click Save to apply your dashboard layout changes.

Best Practices

• Use clear, descriptive widget titles that match the embedded content.

• Copy URLs directly from your browser to avoid formatting errors.

• Resize widgets to ensure embedded pages are readable without excessive scrolling.

• Use Remove Navigation for internal First Due pages to maximize usable space.

• Test external websites first—some sites block embedding inside dashboards.

   

Troubleshooting & FAQs

The webpage does not display inside the widget.
Some websites block embedding inside other pages. If this happens, confirm the URL is correct or try a different site.

I can’t interact with the embedded page.
Your ability to interact with embedded First Due pages depends on your existing permissions for that module. View-only access will allow viewing only.

I don’t see Edit Layout or Add Widget options.
You may not have dashboard editing permissions. Contact your administrator.

Can I open the page in a full browser tab?
Yes—click the expand arrow in the upper-right corner of the widget frame.