Hello!

I want to add a radial gauge in my web application. 

I set the "From" and "To" properties for the Scale Range and when the desired value is increased I can see the changes.

But I want to change the pointer according to the "From" and "To" properties of the Scale Range.

I can set the "Value" property equal to "To" but when it changes the pointer seems to reset and not to increase. I want the pointer start from the last "To" value and end to its "Value" property which is equal to the new "To" property.

Any ideas about this?

My demo code:

<TelerikButton OnClick=@IncrementRange>Add Range</TelerikButton>
<TelerikRadialGauge>
    <RadialGaugeScales>
        <RadialGaugeScale>
            <RadialGaugeScaleRanges>
                <RadialGaugeScaleRange From="@FromRadialGauge" To="ToRadialGauge" Color="red"></RadialGaugeScaleRange>
            </RadialGaugeScaleRanges>
        </RadialGaugeScale>
    </RadialGaugeScales>

    <RadialGaugePointers>            

        <RadialGaugePointer @ref="@RadialGaugePointerRef" Value="@ToRadialGauge">
        </RadialGaugePointer>

    </RadialGaugePointers>
</TelerikRadialGauge>

My code:

private int FromRadialGauge = 0;
private int ToRadialGauge = 0;
private void IncrementRange()
{
            ToRadialGauge = ToRadialGauge + 10;
            RadialGaugePointerRef.Value = ToRadialGauge;
}

Thanks in advance!

Hi,

How do you change the file after upload? Actually, I upload images and display them as cards on the website, but I want a feature that can change the uploaded files one by one when I click on the card.

If I click on card1 that is linked to image1 I want to be able to change that image to another image or delete. I can't see how to do that with Upload component.

Best regards,

Hey,

I have tasks in my gantt view which are corresponding to older dates.

Is there any option, so I can scroll to today datetime or any specific date?

Hi,

Is it possible to automatically vertically scroll the rows in a Telerik blazor grid like they do in the flight information display systems at the airports?  Can you please point me to some samples or tell me the best approach?

Thanks,

Abhi

Hello,

We need to let the user sort the tabs as they wish.

These tabs are generated at runtime in a loop, is it possible to change the tab order once they are generated at runtime?

Thanks

When using either Jaws or NVDA screen readers with the grid, and the column header is being sorted (it doesn't matter whether ascending or descending), that column name is no longer read by the screen reader. Instead it reads out "sorted ascending (or descending)".  I would expect that it should read out the column name and then the sort.  For example:  "Name sorted ascending".  When the column is not sorted, then the column name is read out correctly. 

It should also be noted that this happens whether the focus is on the header cell or a regular cell for that column.

I am using a Pager and set the PageSizes to { null, 25, 50, 100 } where null means "All" according to documentation.

When the user sets a PageSize, I save that number in the local storage of the browser. When the user returns to that page later, I will get that stored value and set the PageSize parameter accordingly.

When the user sets the PageSize to "All", I save the total amount of entries to local storage, because that's what I get from the PageSizeChanged handler. When restoring that value later, of course the selected value in PageSize dropdown is empty, because I set the PageSize parameter to the total amount of entries. Since this number is not present in the dropdown list, it will simply show nothing.

I would like the PageSizes dropdown to show "All" when PageSize is equal to the total amount of items. Is there a way to do this? In fact, I can't even set PageSize to null, since it is not nullable.

Hey,

Is there any option to disable it, so view is in readonly mode?

My goal is to load grid with a custom column order, in razor the grid is defined with a default column order:

<TelerikGrid @ref="Grid" Data="Data">

    <GridColumns>
        <GridColumn Field="UserName" />
        <GridColumn Field="Name" />
        <GridColumn Field="Surname" />
    </GridColumns>
</TelerikGrid>

but user can change it, and the change persist, so the next time it show the grid, it need to have the custom grid order saved from the user.

I don't want to persist all the grid state, only the column order, so i solved this task allow grid to be Reorderable and saving to db the column order.

To load the custom order i tried using the OnStateInit event, get the column state from GridState.ColumnStates and setting the Index property.

This approach is described in documentation:

https://docs.telerik.com/blazor-ui/knowledge-base/grid-column-in-custom-component-is-last?_ga=2.55826989.723302907.1658393190-1092710656.1653913029#solution

https://docs.telerik.com/blazor-ui/components/grid/state?_ga=2.260109709.1455456748.1658732515-1092710656.1653913029#information-in-the-grid-state

Unfortunally, in the OnStateInit event the property GridState.ColumnStates has no columns, so my solution is to change the column state in the OnAfterRenderAsync event, reading GridState.ColumnStates (this time column states are loaded) and setting the Index property.

This workaround work well but cause a graphic flicker, as when the event is fired, the grid is rendered with the original column order, then is changed based on code settings to ColumnState.Index property.

This is a sample code of this problem:

https://blazorrepl.telerik.com/GmaBwJYt15pTBs8J53

Now, how can i avoid this behaviour allow the grid to render directly with the custom column order? There is another event when i can change the ColumnState.Index property allow to render correctly?

Thanks