Skip to content

Overview

This document guides you through creating a personalized dashboard experience within the application. The default login page transitions into a fully customizable dashboard where you can add widgets tailored to your preferences.

Adding Widgets

  1. Access the Add New Charts Option: Locate and click the "Add New Charts" button within the dashboard interface. This action triggers a pop-up window. Add New Charts

  2. Add a New Data Source: Within the pop-up window, select the "Add Source" option. A new window titled "Add Chart Source" will appear. Add Source

  3. Define Your Data Source:

    • Click the Plus Icon (+): In the upper right corner of the "Add Chart Source" window, click the plus icon (+) to initiate the data source creation process. New Data Source
    • Provide a Source Name: Assign a descriptive and meaningful name to your data source for easy identification later.
    • Enter the Metric URL: In the designated URL section, meticulously paste the exact URL that points to the data metrics you want to visualize on your dashboard.
    • Token Inclusion (Optional): If the data source necessitates an access token for authentication, enter the valid token in the provided field. Tokens are often used to secure access to restricted data.
    • Click Submit: Once you've entered the necessary details, click the "Submit" button to confirm the creation of your data source.  Submit Charts Details
  4. Select Visualization Options: Upon successful data source creation, you'll be presented with various widget options suitable for displaying the data effectively on your dashboard. Common options include:

    • Bar Charts: Ideal for depicting comparisons between different categories.
    • Line Charts: Well-suited for showcasing trends over time.
    • Pie Charts: Effective for illustrating the relative proportions of components within a whole.
    • Tables: Provide a structured view of your data, especially when dealing with numerous data points.

    Carefully consider the nature of your data and the insights you aim to glean when selecting the most appropriate visualization type. Visualization Options

  5. Finalize Your Dashboard: Once you've selected the desired widget type(s), click the "Submit" button to confirm your selections. Your personalized dashboard will now reflect the chosen widgets, displaying the data from your defined data sources. Finalize Dashboard

Resizing and Repositioning Widgets on Your Dashboard

This guide will show you how to customize your dashboard by resizing and repositioning your widgets.

Prerequisites:

  • You must be in view mode for your dashboard. To edit your dashboard, locate the "Edit Dashboard" button (usually next to "Add New Chart").

  • Access Dashboard Editing Mode:

    • Begin by navigating to your dashboard interface.
    • Locate the "Edit Dashboard" option. This is typically found next to the "Add New Chart" button. Click on "Edit Dashboard" to enter editing mode. Edit Dashboard
  • Select Widget for Resizing or Repositioning:

    • Once in editing mode, you'll see all the widgets available on your dashboard.
    • Choose the widget you wish to resize or reposition by clicking on it.
  • Repositioning a Widget:
    • To reposition a widget, click and hold on the widget you've selected.
    • Drag the widget to the desired location on the dashboard.
    • Release the mouse button to drop the widget into place.
  • Resizing a Widget:
    • To resize a widget, locate the bottom-right corner of the widget. Resizing or Repositioning
    • Click and hold on the resizing handle (usually indicated by a small triangle or square).
    • Drag the handle diagonally to adjust the size of the widget.
    • Release the mouse button when you're satisfied with the new size.
  • Save Changes:
    • After resizing or repositioning the widget(s) to your liking, it's important to save your changes.
    • Look for the "Save Changes" button located next to the "Add New Chart" option.
    • Click on "Save Changes" to apply the modifications to your dashboard. Confirmation

By following these simple steps, you can easily resize and reposition widgets on your dashboard, allowing you to create a layout that best suits your workflow and preferences. Take advantage of these customization options to optimize your dashboard for efficiency and usability