View Transitions >> Adjusting Easing

[Christopher]

Hey Kendo,

I'm looking to adjust the easing between various views as the built-in defaults are a bit too linear.  Looking at kendo.fx.js, I see that you've extended easeOutExpo for internal use, but when attempting to pass in Transition.easeOutExpo into 

extend(kendo.fx, {

            transition: function(element, properties, options) {

 

                options = extend({

                        duration: 200,

                        ease: Transition.easeOutExpo, // 'ease-out'

 

...

it appears to break the slide all together.  Seeing that you're using CSS3 for your transitions, is it possible to pass in your own via tools like Ceasar and extend Transition further via the syntax that you've provided above?

Any help would be appreciated.  

[Petyo]

Hello,

Transition easing adjustment is not supported currently, we may consider exposing an API for that in the future. 

The modification you have attempted will not work, as the Transition.easeOutExpo is a custom math function (used in other parts of the codebase), while the ease property is a transition timing function CSS value. 

Regards,
Petyo
the Telerik team

[Christopher]

Hey Peyto,

Since this is somewhat important on our end and really makes or breaks the user experience, could you point me to where I may try to adjust myself?  The easing is somewhat crude out of the box, and doesn't feel natural.  Should I open a support ticket?  Is there anything I can do?  

Thanks

[Petyo]

Hi,

I am afraid that we do not support modified versions of the framework source code. What I can recommend is that you file your request in our UserVoice tracker - if it turns out to be a common request, we will look into implementing it. 

On a side note, we experimented with various ease settings, and the ease-out option turned to be the closest to the what the native apps seem to use.  

All the best,
Petyo
the Telerik team