Animating Colours

[Kenneth Jackson]

I found a small article on animating gradient fills (to animate a button border),
I am keen on learning how all the various animation effects are used but
the various properties for each of the animation effects are not described
in any detail that I can find in the documentation.

That is to say there is no specific detail explaining what each of the properties
required are for the various animations. Is there documentation that anyone
could point me to relating specifically to the various animation effects and
their properties required/specified.

For example the article mentions BorderPrimitive.GradientAngleProperty
and I want to use .InnerColorProperty then where do I find examples for it
or documentation clearly stating what the values/value ranges expected
are for .InnerColorProperty in order to use it as an animation property.

[Nick]

Hello Kenneth Jackson,

You can start with these articles: Animating Properties, and Animate RadToolStrip Button Text. You will not need code, because Visual Style Builder will help you achieve this, and you can easily see whether the property can be animated or not. Please do not hesitate to contact me back if these articles raise more questions. 
 

Best wishes,
Nick
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Kenneth Jackson]

Thanks for the reply,

with regards to animating colours , I have tried animating a border colour when a control is moused over.
I have specified animate always but yet it always only animates once from the starting colour to the end
colour and never restarts/cycles.

What needs to be done besides setting the animate always property in order to force the animation
to cycle continuously ?

[Kenneth Jackson]

The key reason I am interested in the code properties over the theme builder is that with the code it's a simple case of assigning a delegate to animation finished event in order to ensure it loops again ad.infinitum. I don't see where to do that in the style builder , animate always still only animates once and stops.

[Nick]

Hi Kenneth Jackson,

Unfortunately, "animate always" does not work in Visual Style Builder. However, as you have probably already read it from this KB article, you can implement a simple work-around. We will address the discussed issue in Visual Style Builder in one of our future releases.

Kind regards,
Nick
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.