Articles in this section
Category / Section

Enabling and Customizing the Progress Bar on a Grid Widget in Bold BI

Published:

Bar Customization

Bold BI offers extensive customization options for progress bars, enabling you to adjust their color, shape, and range to suit your needs. This article will guide you through the steps to enable and configure these settings using the Bar Settings dialog on a Grid widget.

Steps To Enable Bar Customization

  1. Open the property panel: Click the Grid widget settings icon to open the property panel
    image.png
  2. Navigate to the Formatting category: In the property panel, navigate to the Formatting category
    image.png
  3. Field Selection: Select the measure field for which you want to enable the Bar option. Then you will find the bar radio button property.
    image.png
  4. Enable the Bar Setting: Click the Bar radio button to open the Bar Customization dialog. Here, you can customize the options based on your needs and click ok to save the settings.
    image.png

    image.png

Customization Options

The Bar Settings dialog provides several properties for configuring your progress bar:

  1. Hide Bar Text: This option allows you to enable or disable the text displayed on the progress bar. By default, the text is enabled.

    image.png

    image.png

  2. Bar Text Color: Customize the color of the progress bar text using this property.

    image.png

    image.png

  3. Positive Bar Color: Change the background color of the progress bar for positive values.

    image.png

    image.png

  4. Negative Bar Color: Change the background color of the progress bar for negative values.

  5. Bar Style: Change the shape of the progress bar. The available shapes in the dropdown menu are Cylinder and Rectangle

    image.png

    image.png

  6. Minimum: Configure the minimum value for the progress bar using the dropdown options

    image.png

    Lowest Value: Uses the default minimum value.
    Customize: Enables a text box for entering a custom numeric value.
    image.png

  7. Maximum: Configure the maximum value for the progress bar using the dropdown options

    image.png

    Highest Value: Uses the default maximum value.
    Customize: Enables a text box for entering a custom numeric value.
    image.png

By following these steps, you can effectively customize the appearance and functionality of the progress bars in your Bold BI dashboards, ensuring they meet your specific requirements.

Additional References

Bold BI Documentation

Was this article useful?
Like
Dislike
Help us improve this page
Please provide feedback or comments
VT
Written by Venkatachalam T
Updated:
Comments (0)
Please  to leave a comment
Access denied
Access denied