When transition is true the gauge operates in a visually unappealing way by default and I'm wondering if there is a setting or method to make it work better.

Basically if the gauge (linear or radial) has a value of 20 then jumps to 30, the needle drops to 0 then transitions to 30. When really it should transition from 20 to 30. 

To reproduce use the Telerik demo page @ :

https://demos.telerik.com/blazor-ui/radialgauge/overview

Paste in 35 into the Change Pointer Value box and watch what happens.

Note : Don't type in 35 because it will jump to 0 then to 3 before you type the 5 so it makes it harder to see.

Is there a way to stop this and have the gauge go from the last value to the new value??

I recall being told I would have access to source code once I buy a licence.

Now that I have a licence, how do I get access to the source so I can do a local build?

Scenario:

Put a visual Linear Gauge into a GridColumn so to show a visual perspective of a count instead of a number.

Issue:

On first page render the Grid to the page, the TelerikLinearGauge shows.   If I exit to another page and then come back to the page, the TelerikLinearGauge will not render, and the column is now blank.  

How to Refresh:

There must be some trick to having the image of the gauge re-render on subsequent refreshes of the page.  I hate guessing and think this is a typical scenario that should be documented on your site.  Right?

Preferred Approach:

The Linear Gauge will render and refresh just like all the other columns without custom workarounds and/or techniques.

Telerik.Blazor.Components.TelerikLinearGauge LinearGaugeRef { get; set; }

Code:

My requirement is for the multiple pointers I am setting on one TelerikLinearGauge to have an OnClick event to open a TelerikWindow Modal when the LinearGaugePointer is mouse clicked.  I am unable to use a TelerikButton and need to onClick event to be on the pointer.

<TelerikLinearGauge>
        <LinearGaugeScales>
            <LinearGaugeScale
                Min="-360"
                Max="-0"
                Vertical="false">
            </LinearGaugeScale>
        </LinearGaugeScales> 

<LinearGaugePointers>
            <LinearGaugePointer Value="-200">
                <LinearGaugePointerTrack Color="#a9a9a9" Visible="true"></LinearGaugePointerTrack>
            </LinearGaugePointer>
        
                <LinearGaugePointer
                    Value=-340
                    Color=Blue
                    Shape="@LinearGaugePointerShape.Arrow"
                    Size="25"
                    Margin="25">
                </LinearGaugePointer>
        
            <TelerikWindow Modal="true"
                           @bind-Visible="@isAreaSurveillanceModalVisible"
                           CloseOnOverlayClick="true">
                <WindowTitle>
                    Window Title
                </WindowTitle>
                <WindowContent>
                    I am modal, so the page content behind me is not accessible to the user.
                </WindowContent>
                <WindowActions>
                    <WindowAction Name="Close"/>
                </WindowActions>
            </TelerikWindow>
            <LinearGaugePointer Value=-210
                                Color=Grey
                                Shape="@LinearGaugePointerShape.Arrow"
                                Margin="25"
                                Size="25">
            </LinearGaugePointer>
            <LinearGaugePointer Value=-60
                                Color=Blue
                                Shape="@LinearGaugePointerShape.Arrow"
                                Margin="25"
                                Size="25">
            </LinearGaugePointer>
        </LinearGaugePointers>
    </TelerikLinearGauge>

@code{
    bool isAreaSurveillanceModalVisible { get; set; } = false;

}