Unplanned
Last Updated: 02 Jun 2022 03:18 by ADMIN
Gabriele
Created on: 26 Apr 2021 15:11
Category: ArcGauge
Type: Bug Report
6
ArcGauge animation flickers when updating the value

Hello,

I'm trying to find a way to update an ArcGauge Blazor component in a way that animates from the old value to the new one: currently, this widget totally restartes the animation from the min value to the current one, whenever it refreshes. To be more specific, I'd like to achieve the same behavior as the Angular ArcGauge demo animation.

Is there any way to accomplish this in Blazor?

 

Kind regards,

Gabriele Volpato

10 comments
ADMIN
Stamo Gochev
Posted on: 02 Jun 2022 03:18

Hi,

The item does not have a low priority, but rather other items have a higher one. Items reviews happen on a common basis, so depending on the change in the demand, this item can be prioritized compared to others and released in a future iteration.

As for a workaround - the "Transitions" parameter of the gauge can be used to disable the transitions on consequent changes in the values, to that the animation does not run from the starting value:

https://blazorrepl.telerik.com/mQEfROEM56eUWygn14

The REPL examples demonstrates disabling the transitions, thus removing the flicker.

Regards,
Stamo Gochev
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Yaimo
Posted on: 26 May 2022 09:50

Hi Stamo,

Why does this item have a low priority? This bug doesn't only happen on the ArcGauge, but it happens on all the Gauge components. This means that all the Gauge components aren't working correctly. They are unusable when you want to dynamically update the values.

Is there at least a way to work around the issue?

Kind regards,

Yaimo

ADMIN
Stamo Gochev
Posted on: 26 May 2022 05:51

Hello,

The current issue is actively monitored, but it has lower priority over other items in the Feedback Portal, so it is still not planned for a particular release. If it receives more votes and is scheduled for fixing with a particular release iteration, you will receive a notification for the update, so you know when to expect it.

Regards,
Stamo Gochev
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.

Lukas
Posted on: 19 May 2022 07:14
Is there any news on this? I have the same issue on RadialGauge, where it has to go all the way from 0 to the new value, even if old value is 80 and the new one is 82
ADMIN
Stamo Gochev
Posted on: 30 Apr 2021 11:27

Hello,

The reported issue is logged as a bug report as the scenario is not working as expected. Currently, there isn't an easy workaround for the case that I can suggest as an alternative.

This bug report is now public in the following URL: https://feedback.telerik.com/blazor/1517027-arcgauge-animation-flickers-when-updating-the-value. You can click the Follow button on the page to get emails for status updates, and we have already added your Vote on your behalf.

Regards,
Stamo Gochev
Progress Telerik

Тhe web is about to get a bit better! 

The Progress Hack-For-Good Challenge has started. Learn how to enter and make the web a worthier place: https://progress-worthyweb.devpost.com.

ADMIN
Marin Bratanov
Posted on: 30 Apr 2021 06:08

Hi Gabriele ,

We will get back to you here when we have more details.

Thank you!

Regards,
Marin Bratanov
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.

Gabriele
Posted on: 29 Apr 2021 06:19

Hello,

Ok, thank you for your answer. We will be waiting for future updates.

 

Kind regards,

Gabriele Volpato

ADMIN
Stamo Gochev
Posted on: 29 Apr 2021 03:51

Hi,

I will need some more time to investigate the scenario as the Blazor and Angular ArcGauge components have differences coming from the underlying framework and syncing between the code running in the .NET part and the JS part causes a mismatch.

Regards,
Stamo Gochev
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.

Gabriele
Posted on: 28 Apr 2021 11:54

Hi Stamo,

You can refer to your own demos for this:

- In the Blazor demo, if you change the pointer value, you can clearly see how the animation restartes from the 0 value.

- In the Angular demo, if you change the pointer value, the animation moves from the old value to the new one.

 

I hope I have been clear enough.

Kind regards,

Gabriele Volpato

ADMIN
Stamo Gochev
Posted on: 27 Apr 2021 15:37

Hi,

Can you send me the sample code you are using to configure the scenario, so I can have a look at it?

Regards,
Stamo Gochev
Progress Telerik

Тhe web is about to get a bit better! 

The Progress Hack-For-Good Challenge has started. Learn how to enter and make the web a worthier place: https://progress-worthyweb.devpost.com.