Articles in this section
Category / Section

Enhancing Radar Polar Widget Customization with Custom Theme Variables

Published:

Bold BI offers support for customizing the appearance of the Radar Polar widget by using custom theme variables. These variables allow you to customize various aspects of the Radar polar widget’s appearance. Once you have customized the theme variables, you can refer to the provided knowledge base (KB) articles to learn how to generate the custom dashboard theme minified file with the customized Radar Polar changes and upload it to the server.

KB Articles: How to generate custom dashboard theme and upload it to server

At first, download the most recent release package for the theme from the aforementioned knowledge base in Step 1 and extract it. Inside the extracted files, you will discover distinct theme files for each widget. By utilizing these files, you can personalize any widget and attain the outcome that you like across the dashboards. This article offers comprehensive guidance on modifying the Radar Polar widget through the utilization of Radar Polar widget theme variables.

Radar Polar Widget Customization Using Theme Variables

You have the ability to customize the appearance of the Radar Polar widget by utilizing the theme variables, which allow for adjustments to be made to the widget container’s border radius, background and border color, as well as the colors and font styles of the Widget title, subtitle, tick lines, gridlines, legend, marker, data label, and axis label.

Radar Polar Widget Header Title

The following variables allows you to customize the font color, size and weight of the Radar Polar’s Header title.

--radarpolar-widget-title-font-color:#0000ff;
--radarpolar-widget-title-fontsize:25px;
--radarpolar-widget-title-fontweight:1000;

image.png

Radar Polar Widget Subtitle

The following variables allows you to customize the font color, size and weight of the Radar Polar widget’s subtitle.

--radarpolar-widget-subtitle-font-color:#0000ff;
--radarpolar-widget-subtitle-fontsize:20px;
--radarpolar-widget-subtitle-fontweight:1000;

image.png

Radar Polar widget Axis Label

The following variables allows you to customize the font color, size and weight of the Radar Polar widget’s axis label.

--radarpolar-widget-axis-label-font-color:#0000ff;
--radarpolar-widget-axis-label-fontsize:16px;
--radarpolar-widget-axis-label-fontweight:600;

image.png

Radar Polar Widget Tick lines and Gridlines

The following variables allows you to customize the color of Tick lines and grid lines of the Radar Polar widget.

--radarpolar-widget-axis-ticklines-color:#ffa5a5;
--radarpolar-widget-axis-gridlines-color:#ffa5a5;

image.png

Radar Polar widget data label

The following variables allows you to customize the font color, size and weight of the Radar Polar widget’s data label.

--radarpolar-widget-datalabel-font-color:#0000ff;
--radarpolar-widget-datalabel-fontsize:20px;
--radarpolar-widget-datalabel-fontweight:800;

image.png

Radar Polar Widget legend

The following variables allows you to customize the font color, size and weight of the Radar Polar widget’s legend.

--radarpolar-widget-legend-font-color:#0000ff;
--radarpolar-widget-legend-fontsize:16px;
--radarpolar-widget-legend-fontweight:700;

image.png

Radar Polar widget Marker

The following variables allows you to customize the Marker color of Radar polar widget.

--radarpolar-widget-marker-color:#850E35;

image.png

Radar Polar widget Container

The following variables allows you to customize the background color, border radius, and border color of Radar polar widget container.

--radarpolar-widget-container-bg-color:00008b;
--radarpolar-widget-container-border-radius:10px;
--radarpolar-widget-container-border-color:#8ab9f1;

image.png

NOTE: It is crucial to emphasize that if you intend to customize the appearance of a specific widget using specific theme variables, refrain from customizing the Radar Polar widget in the properties.

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