Text Box

The Text Box component is used to display static or dynamic text within a dashboard. It supports rich formatting options for customizing font, color, and background. The Text Box can either show fixed content or dynamically update based on values passed from other components, such as filters.

This makes it useful for adding headings, descriptions, dynamic summaries, or context-sensitive messages to dashboards.

Best Situations to Use

Use the Text Box when you want to:

  • Display titles, subtitles, or explanatory text in dashboards.

  • Show dynamic content (e.g., “Selected Year: 2025”) based on filter inputs.

  • Provide context or annotations alongside charts and KPIs.

  • Highlight messages, instructions, or descriptions for users.

Not Recommended for:

  • Long-form content such as full reports (use Info Button pop-ups instead).

  • Interactive user input (use Input Box instead).

Properties

General

  • Component Name: Assign a unique identifier.

  • Left / Top: Position the Text Box on the dashboard canvas.

  • Height / Width: Define component dimensions.

  • Initial Visibility: Toggle whether the Text Box is visible on the first preview.

  • Dynamic: Enable this option to allow content updates from filters or other components.

  • Display Content: Define the static text to be shown if dynamic mode is not enabled.

Background

  • Shadow: Enable or disable a shadow effect.

  • Shadow Color: Select the hue of the shadow.

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

Style

  • Background Color: Set the background color of the Text Box.

  • Font Color: Define the text color.

  • Font Size: Adjust the size of the text for readability.

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

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

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

Example Configurations

  1. Static Text Box

    • Display a fixed description such as “Sales Dashboard – FY2025”.

  2. Dynamic Text Box

    • Shows active filter selections, e.g., “Region Selected: APAC”.

  3. Styled Highlight Text Box

    • Custom background color, bold font, and shadow enabled to emphasize a message.

Notes

  • Use Dynamic mode for context-driven text that updates with user interactions.

  • Keep Text Box content concise and relevant for best user experience.

  • Combine Text Box with Labels or Info Buttons to create rich storytelling dashboards.

PreviousSVG ImageNextTrend