URL Button

The URL component allows users to embed an external link within a dashboard. When clicked, the end-user is redirected to the specified URL in a new browser tab or window.

This component is useful for integrating dashboards with external systems, documentation, reports, or web applications, providing a seamless navigation experience.

Best Situations to Use

Use the URL component when you want to:

  • Redirect users to external applications or portals.

  • Provide quick access to documentation or help pages.

  • Link to related dashboards or reports hosted externally.

  • Create a navigation bridge between dashboards and third-party systems.

Not Recommended for:

  • Embedding long-form text (use Text Box or Label instead).

  • Linking to large file downloads directly — prefer dedicated download/export components.

Properties

Background

  • Shadow: Enable or disable shadow effect.

  • Shadow Color: Define the color of the shadow.

  • Shadow Transparency: Adjust shadow opacity for subtle or strong depth.

General

  • Component Name: Assign a unique identifier.

  • Left / Top: Define position of the component on the dashboard canvas.

  • Height / Width: Set component dimensions.

  • Initial Visibility: Toggle whether the URL component is visible on the first preview.

  • Tooltip: Define the text displayed when the cursor hovers over the URL.

  • URL Link: Provide the link to the target site or resource.

Style

  • Background Color: Set the background color of the URL container.

  • Font Color: Customize the text color of the URL.

  • Font Size: Adjust the text size.

  • Font Style: Apply styles such as italic or normal.

  • Font Weight: Define text thickness (e.g., normal, bold, 300/600/900).

  • Font Family: Choose a typeface consistent with dashboard branding.

Example Configurations

  1. Help Link

    • Tooltip: “Open User Guide”

    • URL Link: https://docs.example.com

  2. Navigation Link

    • Tooltip: “Go to Financial Dashboard”

    • URL Link: https://dashboard.company.com/finance

  3. External Resource Link

    • Tooltip: “Visit Market Research Portal”

    • URL Link: https://researchprovider.com

Notes

  • Always ensure URLs point to trusted, secure destinations (https://).

  • Use clear tooltips to describe the link purpose.

  • Maintain consistent font styling across dashboard navigation elements.

PreviousTrendNextV-Slider