Remove White background from RadSemicircleNorthGauge

1 Answer 19 Views
Gauges
Nilesh
Top achievements
Rank 1
Veteran
Nilesh asked on 08 Jun 2021, 11:12 AM

Hi Team,

We have an application in which we are using gauge control to show some values. This application is currently supporting many themes and themes are applied as per the selected theme. But in few of the themes the RadSemicircleNorthGauge display the white background which is make design look bad. We have tried to remove it but did not find any way to do so. Is there any way through which we can remove it so that it will not be shown in any themes. Attaching here with the images showing the same gauge in 2 different theme. 

Kindly help us resolve this issue.

The attached 2 images are visible in respective themes:

1. Image with background - In Crystal Light/Dark, Fluent light/Dark

2. Image without background - In Office2016, Office2016touch, Expression Dark.

1 Answer, 1 is accepted

Sort by
1
Accepted
Dilyan Traykov
Telerik team
answered on 09 Jun 2021, 01:04 PM

Hi Nilesh,

Thank you for the provided images.

If I correctly understand your issue, you need to set the OuterBackground property of the RadSemicircleNorthGauge:

        <telerik:RadSemicircleNorthGauge OuterBackground="Transparent" telerik:StyleManager.Theme="Fluent">
            <telerik:SemicircleNorthScale Foreground="Gray" MajorTickBackground="Gray" MinorTickBackground="Gray" MiddleTickBackground="Gray">
                <telerik:SemicircleNorthScale.Indicators>
                    <telerik:Needle Value="20" />
                    <telerik:Pinpoint />
                </telerik:SemicircleNorthScale.Indicators>
            </telerik:SemicircleNorthScale>
        </telerik:RadSemicircleNorthGauge>

Please note that you may also want to set the Foreground and Minor/Middle/MajorBackground properties of the SemicircleNorthScale to properly show the ticks and labels.

Please give this a try and let me know if it resolves your issue. 

Regards,
Dilyan Traykov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Nilesh
Top achievements
Rank 1
Veteran
commented on 10 Jun 2021, 07:51 AM

@Dilyan Thanks for the response it is working now.
Tags
Gauges
Asked by
Nilesh
Top achievements
Rank 1
Veteran
Answers by
Dilyan Traykov
Telerik team
Share this question
or