Remove White background from RadSemicircleNorthGauge

[Nilesh]

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.

[Dilyan Traykov]

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

[Nilesh]

@Dilyan Thanks for the response it is working now.